不灭的焱

在点击一个按钮跳转到新的 Tab 页时会新开一个页面，这个时候我们如何获取该页面对应的 Page 实例呢？可以通过监听 Browser 上的 targetcreated 事件来实现，表示有新的页面创建：

我知道我可以使用

await page.type('#inputID', 'blah');

在文本框中插入“blah”（在我的情况下，该文本具有现有文本，仅附加“blah”），但是，我找不到任何允许删除或替换现有文本的页面方法。

大家在学Selenium的时候，对于页面上的有些元素不好操作的时候，可以使用driver.execute_script()方法执行JavaScript脚本。

获取浏览器的第一个标签页，然后访问 https://weibo.com ，等待导航完成（导航到 https://weibo.com ，然后重定向到一个新地址），等待页面网络空闲：

const [page] = await browser.pages();
await page.goto("https://weibo.com");
await page.waitForNavigation();
await page.waitForNetworkIdle();

Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行。我们团队从 Puppeteer 刚发布出来就开始成为忠实用户了（主要是因为 PhantomJs 坑太多了），本文主要在介绍 Puppeteer 的同时，结合我们平时的实践做一个分享。

使用 Puppeteer 启动的 Chrome 浏览器，默认是无法使用本地数据的，如表单项、密码、Cookies 等。

导致关闭浏览器后，重新打开页面需要重新登录，即 无法保存先前的登录状态 ！

使用插件 chrome-finder，自动查找已安装的Chrome

有开发者给 puppeteer 写了一套插件(10多个插件)，叫做puppeteer-extra。其中，就有一个插件叫做puppeteer-extra-plugin-stealth。这个东西，就来专门用来让 puppeteer 隐藏模拟浏览器的指纹特征。

Puppeteer启动时，窗体及页面设置：

1. 页面自适应分辨率，可以将defaultViewport设为null；
2. 浏览器窗口最大化，设置参数：--start-maximized

1. 10大 Node.js 库可以帮助你优化代码和简化开发
2. 分享7个实用又高效的 Node.js 工具库
3. 详解Node.js开发中不可或缺的7个库
4. nodejs && 前端 常用库