<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當(dāng)前位置: 首頁 - 科技 - 知識百科 - 正文

        node puppeteer(headless chrome)實(shí)現(xiàn)網(wǎng)站登錄

        來源:懂視網(wǎng) 責(zé)編:小采 時間:2020-11-27 22:15:08
        文檔

        node puppeteer(headless chrome)實(shí)現(xiàn)網(wǎng)站登錄

        node puppeteer(headless chrome)實(shí)現(xiàn)網(wǎng)站登錄:puppeteer簡介 puppeteer是Chrome團(tuán)隊(duì)開發(fā)的一個node庫,可以通過api來控制瀏覽器的行為,比如點(diǎn)擊,跳轉(zhuǎn),刷新,在控制臺執(zhí)行js腳本等等。有了這個神器,寫個爬蟲,自動簽到,網(wǎng)頁截圖,生成pdf,自動化測試什么的,都不在話下。 puppeteer的簡單
        推薦度:
        導(dǎo)讀node puppeteer(headless chrome)實(shí)現(xiàn)網(wǎng)站登錄:puppeteer簡介 puppeteer是Chrome團(tuán)隊(duì)開發(fā)的一個node庫,可以通過api來控制瀏覽器的行為,比如點(diǎn)擊,跳轉(zhuǎn),刷新,在控制臺執(zhí)行js腳本等等。有了這個神器,寫個爬蟲,自動簽到,網(wǎng)頁截圖,生成pdf,自動化測試什么的,都不在話下。 puppeteer的簡單

        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

        文檔

        node puppeteer(headless chrome)實(shí)現(xiàn)網(wǎng)站登錄

        node puppeteer(headless chrome)實(shí)現(xiàn)網(wǎng)站登錄:puppeteer簡介 puppeteer是Chrome團(tuán)隊(duì)開發(fā)的一個node庫,可以通過api來控制瀏覽器的行為,比如點(diǎn)擊,跳轉(zhuǎn),刷新,在控制臺執(zhí)行js腳本等等。有了這個神器,寫個爬蟲,自動簽到,網(wǎng)頁截圖,生成pdf,自動化測試什么的,都不在話下。 puppeteer的簡單
        推薦度:
        標(biāo)簽: 登錄 網(wǎng)站 chrome
        • 熱門焦點(diǎn)

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 久久综合亚洲色hezyo| 亚洲日韩精品国产3区| 亚洲人成伊人成综合网久久久| 亚洲三级电影网址| 中文字幕的电影免费网站| 欧洲人免费视频网站在线| 在线免费中文字幕| 日本免费网站在线观看| 激情亚洲一区国产精品| 精品无码免费专区毛片| 亚洲国产高清在线| 国产一级片免费看| 亚洲好看的理论片电影| 免费无码又爽又刺激高潮软件| 亚洲国产中文字幕在线观看| 免费一级做a爰片久久毛片潮| 免费A级毛片无码A∨中文字幕下载| 国产亚洲综合色就色| 久久精品免费视频观看| 亚洲天堂视频在线观看| 99re免费视频| 亚洲人成网站在线观看播放动漫| 久久国产色AV免费看| 亚洲熟妇色自偷自拍另类| jizz在线免费播放| 久久久久国产亚洲AV麻豆 | 免费看美女被靠到爽| 亚洲天堂男人影院| 免费黄色小视频网站| 国产精品亚洲精品久久精品| 又大又硬又爽又粗又快的视频免费| 久久精品亚洲综合专区| 95免费观看体验区视频| 亚洲一区精品视频在线| 国产免费69成人精品视频| 91亚洲精品自在在线观看| 99久久免费精品国产72精品九九| 亚洲AV日韩AV天堂久久| 51在线视频免费观看视频| 亚洲综合一区无码精品| 亚洲国产精品专区在线观看|