HeadlessChrome開發工具庫的實例介紹

alias chrome="/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome"
alias chrome-canary="/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary"

Usage: chrome-remote-interface [options] [command]

Commands:

 inspect [options] [<target>] inspect a target (defaults to the first available target)
 list list all the available targets/tabs
 new [<url>] create a new target/tab
 activate <id> activate a target/tab by id
 close <id> close a target/tab by id
 version show the browser version
 protocol [options] show the currently available protocol descriptor

Options:

 -h, --help output usage information
 -t, --host <host> HTTP frontend host
 -p, --port <port> HTTP frontend port
 -s, --secure HTTPS/WSS frontend

const chromeLauncher = require('chrome-launcher');//啟用無界面模式并開啟遠程調試,不同引用版本和方式，調用方式可能有些區別//chromeLauncher.run({chromeLauncher.launch({// port: 9222,chromeFlags: ['--headless']}).then((chrome) => {// 拿到一個調試客戶端實例console.log(chrome)chrome.kill();});

const chromeLauncher = require('chrome-launcher');const chromeRemoteInterface = require('chrome-remote-interface')//啟用無界面模式并開啟遠程調試,不同引用版本和方式，調用方式可能有些區別//chromeLauncher.run({chromeLauncher.launch({port: 9222,chromeFlags: ['--headless']}).then((launcher) => {chromeRemoteInterface.Version({host:'localhost',port:9222}).then(versionInfo => {console.log(versionInfo)});chromeRemoteInterface({host:'localhost',port:9222}).then((chrome) => {//這里調用ChromeDevToolsProtocol定義的接口const {Network,Page} = chrome;Network.requestWillBeSent((params) => {let {request} = params;let {url} = request;console.log(url)});Promise.all([Network.enable(),Page.enable()
 ]).then(() => {Page.navigate({url:'https://www.baidu.com'})});setTimeout(() => {launcher.kill()},5000);})});