puppeteer簡介
puppeteer是Chrome團(tuán)隊(duì)開發(fā)的一個node庫,可以通過api來控制瀏覽器的行為,比如點(diǎn)擊,跳轉(zhuǎn),刷新,在控制臺執(zhí)行js腳本等等。有了這個神器,寫個爬蟲,自動簽到,網(wǎng)頁截圖,生成pdf,自動化測試什么的,都不在話下。
puppeteer的簡單例子
代碼來自官網(wǎng):
const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch();//打開瀏覽器 const page = await browser.newPage();//打開一個空白頁 await page.goto('https://example.com');//在地址欄輸入網(wǎng)址并等待加載 await page.screenshot({path: 'example.png'});//截個圖 await browser.close();//關(guān)掉瀏覽器 })();
閱讀上述代碼,我們可以發(fā)現(xiàn),1,代碼中每一步都是異步操作,2,每一步操作都對應(yīng)實(shí)際使用瀏覽器的一個行為。理解這兩點(diǎn)對使用這個庫有很大幫助。另外,比較常用的兩個對象就是browser和page對象,對象上有一堆用來操作兩個對象的方法。接下來,我們就寫一個登錄網(wǎng)站的小demo。
沒有驗(yàn)證碼的網(wǎng)站
對于沒有驗(yàn)證碼的網(wǎng)站,基本上就是輸入賬號,輸入密碼,點(diǎn)擊登錄這三步,需要用到page對象的兩個方法:type用來在輸入框中輸入信息,click用來點(diǎn)擊登錄。下面以登錄豆瓣為例來舉個例子:
const puppeteer = require('puppeteer'); const account = `123456@qq.com`; const password = `123456`; (async () => { const browser = await puppeteer.launch();//打開瀏覽器 const page = await browser.newPage();//打開一個空白頁 await page.goto('https://www.douban.com/');//打開豆瓣網(wǎng)站 await page.type('#form_email', account); await page.type('#form_password', password); await page.click('.bn-submit'); await page.waitForNavigation({ waitUntil: 'load' });//等待頁面加載出來,等同于window.onload await page.screenshot({path: 'example.png'});//截個圖 await browser.close();//關(guān)掉瀏覽器 })();
有人說,我怎么知道到底有沒有登錄成功呢,一種調(diào)試的辦法就是使用screenshot,如果你看到的是一個驗(yàn)證碼頁面,說明沒有登錄成功,還有一種辦法像下面這樣:
const browser = await puppeteer.launch({headless: false});//打開有界面的瀏覽器
傳入headless:false后會真的打開一個瀏覽器的界面,這樣你就可以實(shí)時看到代碼執(zhí)行到什么地方了。接下來我們說說碰到驗(yàn)證碼時怎么辦。
有驗(yàn)證碼的網(wǎng)站
碰到有驗(yàn)證碼的網(wǎng)站,可以將headless設(shè)成false,借助界面輸入驗(yàn)證碼,同時監(jiān)聽頁面加載事件,實(shí)現(xiàn)登錄,代碼如下:
... await page.waitForNavigation({ waitUntil: 'load' });//等待頁面加載出來,等同于window.onload //代碼中監(jiān)聽跳轉(zhuǎn)事件 if(page.url() === 'https://www.douban.com/accounts/login'){ //登錄不成功 console.log('需要輸入驗(yàn)證碼'); //等待再一次跳轉(zhuǎn) while(true){ await page.waitForNavigation({ waitUntil: 'load' }) console.log(page.url()) if(page.url() === 'https://www.douban.com/'){ console.log('登錄成功'); break; } } }
整體思路就是寫也個循環(huán),不斷監(jiān)聽頁面跳轉(zhuǎn),直到瀏覽器登錄成功后跳轉(zhuǎn)到首頁為止。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com