一、Puppeteer與Puppeteer-Core的區(qū)別
1.Puppeteer-Core在安裝時不會自動下載 Chromium
2.Puppeteer-Core忽略所有的PUPPETEER_* env 變量.
二苔巨、Puppeteer可以完成以下操作:
幾乎所有你能在瀏覽器上做的事情, 通過調(diào)用puppeteer API 也能夠?qū)崿F(xiàn)拷姿, 比如:
生成瀏覽器頁面的屏幕截圖或者是pdf文件
方便的抓取單頁面和預(yù)渲染頁面的信息內(nèi)容
網(wǎng)站爬蟲
自動化執(zhí)行頁面提交,UI自動化測試缴淋,鍵盤輸入等.
可以建立基于最新Chrome和Javascript的測試環(huán)境
抓取并跟蹤網(wǎng)站的執(zhí)行時間軸准给,幫助分析效率問題
測試Chrome擴(kuò)展程序。
Puppeteer安裝時自帶一個最新版本的Chromium重抖,可以通過設(shè)置環(huán)境變量或者npm config中的PUPPETEER_SKIP_CHROMIUM_DOWNLOAD跳過下載露氮。如果不下載的話,啟動時可以通過puppeteer.launch([options])配置項中的executablePath指定Chromium的位置钟沛。
三畔规、安裝Puppeteer
1.安裝Node環(huán)境
2.E盤新建文件夾:Puppeter。
3.安裝Puppeter恨统,win+X+R
npm i puppeteer
或者
yarn add puppeteer
頁面截圖
初始化步驟完成后叁扫,node_modules放在根目錄下,依次打開以下文件夾:node_modules—puppeteer—examples.
進(jìn)入到examples文件夾下后畜埋,里面有很多js文件莫绣,這些一般都是一些小例子。以screenshot.js為例悠鞍,看一個頁面截圖的例子对室。
我們以記事本方式打開該文件,主要js代碼如下:
'use strict';constpuppeteer =require('puppeteer');//引入puppeteer庫.
(async() => {
constbrowser = await puppeteer.launch();//用指定選項啟動一個Chromium瀏覽器實例。
constpage = await browser.newPage();//創(chuàng)建一個頁面.
await page.goto('http://example.com');//到指定頁面的網(wǎng)址.
await page.screenshot({path:'example.png'});//截圖并保存到當(dāng)前路徑掩宜,名稱為example.png.
await browser.close();//關(guān)閉已打開的頁面蔫骂,browser不能再使用。
})();
方式1.在pycharm中新建一個file牺汤,命名為test.js辽旋,將上面的代碼拷貝到test.js中并保存,在terminal中輸入node screenshot.js//運(yùn)行名為screenshot.js的文件.
方式2.還是在當(dāng)前文件夾(examples)下檐迟,此處打開命令行窗口补胚,輸入:node screenshot.js//運(yùn)行名為screenshot.js的文件.
運(yùn)行完成后,就會在當(dāng)前目錄下看到圖片锅减,該圖片即運(yùn)行該js后截的圖片糖儡。
總結(jié)
1.最近大家狀態(tài)越來越好了,每個人基本都可以獨立負(fù)責(zé)某個板塊問題的完善怔匣,團(tuán)隊相互配合握联,團(tuán)隊力越來越好了~
2.今天有人跟我說基本一天時間都在做項目沒時間做其他事,其實是真的有點忙啦每瞒,尤其是內(nèi)測新加了一些需求后金闽,但是咱們現(xiàn)在都是等著見月明嗎~
3.喜歡就上遇見就抓住。好像很多人都會自動忽略自己的優(yōu)點剿骨,可能選擇相信自己代芜,后悔的才少
計劃
1.討論問題,抓進(jìn)度
2.三個時鐘
3.《管理》一張