<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
        主站蜘蛛池模板: 免费无码AV电影在线观看| 国产成人免费高清在线观看 | 亚洲精品在线免费看| 国产亚洲人成无码网在线观看 | 久久亚洲中文无码咪咪爱| 性色av无码免费一区二区三区| 亚洲av永久综合在线观看尤物| 国产精品色拉拉免费看| 亚洲成a人片在线不卡| 国产成人免费高清激情视频| 亚洲一区二区三区高清在线观看| 一级一片免费视频播放| 亚洲无线一二三四区手机| 久久www免费人成精品香蕉| 亚洲VA中文字幕无码一二三区| 麻豆狠色伊人亚洲综合网站| 成人女人A级毛片免费软件| 伊人久久五月丁香综合中文亚洲| 韩国欧洲一级毛片免费| 亚洲一区二区影院| 男女免费观看在线爽爽爽视频 | 亚洲国产精品专区在线观看 | 人碰人碰人成人免费视频| 91成年人免费视频| 亚洲人成色99999在线观看| 免费在线观看a级毛片| 亚洲伊人久久大香线蕉AV| 亚洲国产精品一区二区三区久久| 成人久久免费网站| 亚洲人成网站看在线播放| 日本中文一区二区三区亚洲 | 亚洲欧洲日本在线| 99精品视频在线免费观看| 亚洲午夜福利在线观看| 91精品国产免费入口| 亚洲国产精品一区| 在线看片免费人成视频福利| 亚洲成aⅴ人在线观看| 最近中文字幕大全中文字幕免费| 亚洲精品乱码久久久久久V | 精品国产日韩亚洲一区91|