- Puppeteer 教程
- Puppeteer - 首頁
- Puppeteer - 簡介
- Puppeteer - 元素操作
- Puppeteer - Google 使用
- Puppeteer - NodeJS 安裝
- Puppeteer VS Code 配置
- Puppeteer - 安裝
- Puppeteer - 基本測試
- Puppeteer - 無頭模式執行
- Puppeteer 與 Selenium 的比較
- Puppeteer 與 Protractor 的比較
- Puppeteer 與 Cypress 的比較
- Puppeteer - 瀏覽器操作
- Puppeteer - 標籤頁處理
- Puppeteer - 基本命令
- Puppeteer - Firefox
- Puppeteer - Chrome
- Puppeteer - 處理確認彈窗
- Puppeteer - 處理下拉選單
- Puppeteer - 定位器
- Puppeteer - XPath 函式
- Puppeteer - XPath 屬性
- Puppeteer - XPath 分組
- Puppeteer - 絕對 XPath
- Puppeteer - 相對 XPath
- Puppeteer - XPath 軸
- Puppeteer - 型別選擇器
- 名稱選擇器 & 類名選擇器
- Puppeteer - ID 選擇器
- Puppeteer - 屬性選擇器
- Puppeteer - 處理連結/按鈕
- 處理編輯框 & 複選框
- Puppeteer - 處理框架
- Puppeteer - 鍵盤模擬
- Puppeteer - 獲取元素文字
- Puppeteer - 獲取元素屬性
- Puppeteer - 裝置模擬
- Puppeteer - 停用 JavaScript
- Puppeteer - 同步
- Puppeteer - 擷取螢幕截圖
- Puppeteer 有用資源
- Puppeteer - 快速指南
- Puppeteer - 有用資源
- Puppeteer - 討論
Puppeteer - 基本命令
下面列出了一些 Puppeteer 的基本命令:
title()
此命令用於獲取當前頁面的標題。
語法
語法如下:
await page.title()
url()
此命令用於獲取當前在瀏覽器中啟動的應用程式的 URL。
語法
語法如下:
await page.url()
content()
此命令用於獲取頁面原始碼。
語法
語法如下:
await page.content()
首先,請按照 Puppeteer 的“基本測試”章節中的步驟 1 到 2 操作,步驟如下:
步驟 1 - 在建立 node_modules 資料夾的目錄(Puppeteer 和 Puppeteer core 已安裝的位置)中建立一個新檔案。
有關 Puppeteer 安裝的詳細資訊在“Puppeteer 安裝”章節中討論。
右鍵單擊建立 node_modules 資料夾的資料夾,然後單擊“新建檔案”按鈕。
步驟 2 - 輸入檔名,例如 testcase1.js。
步驟 3 - 在建立的 testcase1.js 檔案中新增以下程式碼。
//adding Puppeteer library
const pt = require('puppeteer');
pt.launch().then(async browser => {
//browser new page
const p = await browser.newPage();
//set viewpoint of browser page
await p.setViewport({ width: 1000, height: 500 })
//launch URL
await p.goto('https://tutorialspoint.tw/questions/index.php')
//obtain page title
console.log("Page title: " + await p.title())
//obtain URL
console.log("Url: " + await p.url())
//browser close
await browser.close()
})
步驟 4 - 使用以下命令執行程式碼:
node <filename>
因此,在我們的示例中,我們將執行以下命令:
node testcase1.js
命令成功執行後,頁面標題 - 最佳技術問答 將列印在控制檯。此外,URL - www.tutorialspoint.com/questions/index.php 也將列印在控制檯。執行是在無頭模式下進行的。
廣告