如何在Puppeteer中通过name属性选择元素？是否支持该方式

完全可以，你写的代码已经正确实现了通过name属性定位元素的操作，这是Puppeteer中非常常用且可靠的元素定位方式。

核心原因 #

Puppeteer的page.type()、page.click()等方法支持传入标准CSS选择器，而element[name="属性值"]是CSS选择器的标准语法之一，和用#id（id选择器）、.class（类选择器）的定位逻辑完全一致，只要页面元素的name属性存在且可匹配，就能精准定位到目标元素。

额外提示 #

• 优先用name属性定位的优势：相比你代码里那个超长的自动生成class，name属性通常是开发者明确设置的，不会随前端样式框架的更新而轻易变化，能大幅提升自动化脚本的稳定性。
• 注意唯一性：如果页面中有多个相同name值的元素，Puppeteer会默认选中第一个匹配的元素，所以确保name属性值唯一能避免定位错误。
• 备选方案：除了CSS选择器，也可以用XPath定位，写法是//input[@name="username"]，同样能通过name属性找到元素。

你的代码示例（标注关键部分） #

const puppeteer = require("puppeteer");
const fs = require("fs");
require("dotenv").config();

(async () => {

    const browser = await puppeteer.launch({headless: false});
    const page = await browser.newPage();

    await page.goto("https://www.reddit.com/")

    await page.click("._3Wg53T10KuuPmyWOMWsY2F.Z_HUY3BUsGOBOtdmH94ZS.q_unSaY23rpdd3lDvGZ-._2iuoyPiKHN3kfOoeIQalDT._10BQ7pjWbeYP63SAPNS8Ts.HNozj_dKjQZ59ZsfEegz8._2Z-LWN_PrkTncEM_mPuEW5")

    // ✅ 通过name属性定位用户名输入框
    await page.type('input[name="username"]', process.env.username);

    // ✅ 通过name属性定位密码输入框
    await page.type('input[name="password"]', process.env.password);

})();

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