puppeteer安装以及demo

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了puppeteer安装以及demo相关的知识,希望对你有一定的参考价值。

  • 安装node

  • 利用npm安装puppeteer(忽略安装chromium脚本,待会手动安装) npm install puppeteer --ignore-scripts  

  • vim path/to/puppeteer/node_modules/puppeteer/utils/ChromiumDownloader.js 找到方法downloadFile并打印url 得到下载chromium的地址 然后手动去下载 将下载的文件存放至自定义的web服务器中 更改之前那个url的地址 指向自定义服务器中文件地址 退回并执行安装chromium cd path/to/puppeteer/node_modules/puppeteer && node install.js

  • ps:实验版本node 7.10.1 文件夹中提供的chrome版本是Linux_x64/515411/chrome-linux.zip

  • pps:ChromiumDownloader.js中利用https模块下载,如果自定义web服务器是http的,则需要引入http模块去下载

//demo
const puppeteer = require(‘puppeteer‘);
async function run() {
  const browser = await puppeteer.launch({args: [‘--no-sandbox‘, ‘--disable-setuid-sandbox‘]});
  const page = await browser.newPage();
  await page.goto(‘url‘);
  await page.waitForSelector("#password");
  //await page.screenshot({path: ‘1.png‘});

  await page.type("#username","登录用户名", {
    delay: 200, // 每个字母之间输入的间隔
  })
  await page.type("#password","登录密码", {
    delay: 200, // 每个字母之间输入的间隔
  })
  //await page.screenshot({path: ‘2.png‘});
  await page.click("div.submit");
  await page.goto(‘new url‘)
  await page.waitForSelector("#add")
  await page.screenshot({path: ‘3.png‘});
  browser.close();
}
run();

 

以上是关于puppeteer安装以及demo的主要内容,如果未能解决你的问题,请参考以下文章

jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段

Puppet介绍 原理 安装

Puppet的安装和初配置

前端UI自动化puppeteer实践

Puppet集中配置管理系统安装部署教程

自动化运维三贱客之 Puppet 安装