Puppeteer學(xué)習(xí)筆記

一、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

image.png

頁面截圖

初始化步驟完成后叁扫,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.《管理》一張

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末浓利,一起剝皮案震驚了整個濱河市挤庇,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贷掖,老刑警劉巖嫡秕,帶你破解...
    沈念sama閱讀 212,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異苹威,居然都是意外死亡昆咽,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評論 3 385
  • 文/潘曉璐 我一進(jìn)店門牙甫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來掷酗,“玉大人,你說我怎么就攤上這事窟哺⌒汉洌” “怎么了?”我有些...
    開封第一講書人閱讀 158,369評論 0 348
  • 文/不壞的土叔 我叫張陵且轨,是天一觀的道長糕殉。 經(jīng)常有香客問我亩鬼,道長殖告,這世上最難降的妖魔是什么阿蝶? 我笑而不...
    開封第一講書人閱讀 56,799評論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮黄绩,結(jié)果婚禮上羡洁,老公的妹妹穿的比我還像新娘。我一直安慰自己爽丹,他們只是感情好筑煮,可當(dāng)我...
    茶點故事閱讀 65,910評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著粤蝎,像睡著了一般真仲。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上初澎,一...
    開封第一講書人閱讀 50,096評論 1 291
  • 那天秸应,我揣著相機(jī)與錄音,去河邊找鬼碑宴。 笑死软啼,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的延柠。 我是一名探鬼主播祸挪,決...
    沈念sama閱讀 39,159評論 3 411
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼贞间!你這毒婦竟也來了贿条?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,917評論 0 268
  • 序言:老撾萬榮一對情侶失蹤增热,失蹤者是張志新(化名)和其女友劉穎整以,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體钓葫,經(jīng)...
    沈念sama閱讀 44,360評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡悄蕾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,673評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了础浮。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帆调。...
    茶點故事閱讀 38,814評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖豆同,靈堂內(nèi)的尸體忽然破棺而出番刊,到底是詐尸還是另有隱情,我是刑警寧澤影锈,帶...
    沈念sama閱讀 34,509評論 4 334
  • 正文 年R本政府宣布芹务,位于F島的核電站蝉绷,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏枣抱。R本人自食惡果不足惜熔吗,卻給世界環(huán)境...
    茶點故事閱讀 40,156評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望佳晶。 院中可真熱鬧桅狠,春花似錦、人聲如沸轿秧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽菇篡。三九已至漩符,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間驱还,已是汗流浹背嗜暴。 一陣腳步聲響...
    開封第一講書人閱讀 32,123評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留铝侵,地道東北人灼伤。 一個月前我還...
    沈念sama閱讀 46,641評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像咪鲜,于是被迫代替她去往敵國和親狐赡。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,728評論 2 351

推薦閱讀更多精彩內(nèi)容

  • 1.puppeteer簡介 puppeteer是一個node庫疟丙,是Google chrome團(tuán)隊官方的無界面(he...
    伊人風(fēng)采_690d閱讀 7,629評論 0 11
  • Node.js第一天 1. 初識Node.js 1.1 Node.js是什么 Node.js? is a Java...
    再見天才閱讀 4,724評論 1 24
  • 穆簡溪閱讀 189評論 0 0
  • 為娘和家寶逛超市 路過黃金飾品店 家寶趕緊拉住偽娘 “媽媽颖侄,你看那項鏈多漂亮啊∠斫迹” “是嗎览祖?你喜歡?” “媽媽炊琉,買...
    子衿話語閱讀 453評論 0 0
  • 印尼展蒂,這個國家很神奇。 前20年對她其實沒什么印象:在赤道上吧苔咪,有一個巴厘島锰悼,比較貧窮比較落后,恩沒了. 在放假之...
    qiing_閱讀 283評論 0 2