Puppeteer笔记（⼆）：Puppeteer安装及实例Demo Puppeteer系列
1、
2、
3、
4、
5、
6、
7、
8、
⼀、Puppeteer环境准备
1、Puppeteer环境要求：
查看 Puppeteer 的官⽅ API 你会发现满屏的 async, await 之类，这些都是 ES7 的规范，所以你需要：
（1）Nodejs 的版本不能低于 v7.6.0, 需要⽀持 async, await.
（2）需要最新的 chrome driver, 这个你在通过 npm 安装 Puppeteer 的时候系统会⾃动下载的
2、Puppeteer环境准备
（1）安装node，官⽹地址：/zh-cn/
并校验node是否安装成功：node -v
（2）安装Puppeteer：npm install puppeteer --save
安装puppeteer时会⾃带安装内置Chromium，如Chromium下载失败，可⼿动下载Chromium。
⼆、快速上⼿实例Demo
测试功能：打开百度⾸页，输⼊“hello world”，搜索查询并截图。
创建Test.js，输⼊以下代码：
//引⼊puppeteer
const puppeteer = require('puppeteer');
/*
创建⼀个Browser浏览器实例，并设置浏览器实例相关参数
headless: 是否在⽆头模式下运⾏浏览器，默认是true
defaultViewport：设置页⾯视⼝⼤⼩，默认800*600，如果为null的话就禁⽤视图⼝
chrome浏览器官方
args：浏览器实例的其他参数
defaultViewport: null, args: ['--start-maximized']：最⼤化视图窗⼝展⽰
ignoreDefaultArgs: ['--enable-automation']:
禁⽌展⽰chrome左上⾓有个Chrome正受⾃动软件控制，避免puppeteer被前端JS检测到
*/
puppeteer.launch({
headless: false,
defaultViewport: null,
args: ['--start-maximized'],
ignoreDefaultArgs: ['--enable-automation']
}).then(async browser => {
//创建⼀个Page实例
const page = wPage();
//打开百度⾸页
('www.baidu');
//定位输⼊框元素
const input_area = await page.$('#kw');
//在输⼊框元素中输⼊"hello world"
await pe("hello world");
//定位搜索按钮元素
const search_btn = await page.$('#su');
//点击按钮元素
await search_btn.click();
//等待3s
await page.waitFor(3000);
/
/截图并在根⽬录保存
await page.screenshot({        path: 'baidu.png'
});
//关闭Chromium
await browser.close(); });

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。