【问题标题】:How to get updated html after changing page element values using puppeteer?使用 puppeteer 更改页面元素值后如何获取更新的 html?
【发布时间】:2017-11-15 06:54:04
【问题描述】:
我很茫然。我正在使用这个输入页面上的输入元素:
await page.type('#username', 'test');
然后我想检索新更新的,我正在尝试使用这个:
let html = await page.content();
但用户名字段中不包含单词“test” - 它是空的。如果我截屏,里面有“测试”这个词。我错过了什么?
【问题讨论】:
标签:
node.js
google-chrome-headless
puppeteer
【解决方案1】:
输入<input> 元素会更新value 属性,但保持value 属性不变。这就是您在呈现的 HTML 中看不到文本的原因。
要获取value 属性:
await page.type('#username', 'test');
let value = await page.$('#username').getProperty('value');