Puppeteer中locator.filter用硬编码值正常，用变量却超时？

核心原因是Puppeteer的locator.filter如果传入自定义函数，该函数会在浏览器上下文执行，而你在Node.js脚本里定义的变量l无法被浏览器上下文访问到。

当你直接写e.innerText === 'LOGIN'时，字符串字面量'LOGIN'会被序列化后传入浏览器上下文，函数能正常匹配元素；但用变量l时，浏览器里的函数找不到这个变量，实际相当于e.innerText === undefined，自然匹配不到目标元素，最终触发超时错误。

解决方法 #

方法1：使用官方推荐的hasText过滤（更简洁） #

直接通过filter的配置对象匹配文本，不需要自定义函数，变量可正常传递：

const l = 'LOGIN'
await page.locator('a, button').filter({hasText: l}).click()

方法2：将变量传递到浏览器上下文 #

如果必须使用函数式过滤，可以通过filter的额外参数把变量传入浏览器上下文：

const l = 'LOGIN'
await page.locator('a, button').filter((e, targetText) => e.innerText === targetText, l).click()

这里第二个参数l会被序列化后传递给浏览器里的过滤函数，作为第二个参数使用，就能正常匹配文本了。

内容的提问来源于stack exchange，提问作者Arthur Attout