使用 puppeteer 更改页面元素值后如何更新 html？

Question

我很茫然。我正在使用以下内容在页面上的输入元素中输入：

await page.type('#username', 'test');

然后我想检索最近更新的，我正在尝试使用它：

let html = await page.content();

但是用户名字段中不包含单词 'test' - 它是空的。如果我截屏，里面有 'test' 这个词。我错过了什么？

Answer 1

键入 <input> 元素会更新 value 属性 但 value 属性保持不变。这就是为什么您在呈现的 HTML.

中看不到文本的原因

获取 value 属性:

await page.type('#username', 'test');
let value = await page.$('#username').getProperty('value');