Puppeteer筆記（七）：Puppeteer切換瀏覽器TAB頁

Puppeteer系列

1、Puppeteer筆記（一）：Puppeteer簡介

2、Puppeteer筆記（二）：Puppeteer安裝及實例Demo

3、Puppeteer筆記（三）：Puppeteer獲取元素及元素屬性 

4、Puppeteer筆記（四）：Puppeteer模擬鍵盤 

5、Puppeteer筆記（五）：Puppeteer文件上傳 

6、Puppeteer筆記（六）：Puppeteer切換frame操作 

7、Puppeteer筆記（七）：Puppeteer切換瀏覽器TAB頁 

8、Puppeteer筆記（八）：Puppeteer執行自定義Javascript方法 

一、Puppeteer切換瀏覽器TAB頁

1、browser.pages()

二、上手實例Demo

　　功能測試：打開www.ly.com首頁，定位搜索"蘇州"，獲取新打開頁面上的搜索結果的第一個名稱，並在終端輸出打印出來。下面列舉了兩種方法供參考。

const puppeteer = require('puppeteer');
async function tab() {
    //創建一個Browser瀏覽器實例，並設置相關參數
    const browser = await puppeteer.launch({
        headless: false,
        defaultViewport: null,
        args: ['--start-maximized'],
        ignoreDefaultArgs: ['--enable-automation']
    });
    //創建一個Page實例
    const page = await browser.newPage();
    await page.goto("https://www.ly.com", {
        waitUntil: 'networkidle2'
    });
    const searchText = await page.$('#pt__search_text');
    await searchText.type('蘇州');
    const searchBtn = await page.$('#pt__search_btn');
    await searchBtn.click();
    await page.waitFor(3000);
    //方法一：browser.pages(),可以獲取所有打開的Page對象，可以通過遍歷或篩選找到自己想獲取的Page對象
    const newPage = (await browser.pages())[2];
    //方法二：通過browser.waitForTarget獲取target
    const target = await browser.waitForTarget(t => t.url().includes('https://so.ly.com/hot'));
    const newPage = await target.page();
    //獲取搜索結果列表頁第一個標題的值，並輸出終端
    const newPageText = await newPage.$eval('div.search_list > ul > li:nth-child(1) > div > a > h3', ele => ele.innerText);
    console.log('newPageText：' + newPageText);
    //關閉瀏覽器
    await browser.close();
}
tab();

　　注意點：方法一中browser.pages()定位頁面時，遍歷時注意頁面是從0開始計數的。所以定位的是第2個頁面。如下圖所示。

　　以上參考代碼運行結果如下