標準功能

我們提供了一些常用的開源技術框架供您選擇。通過這些技術，您可以探索 CDP 的基本功能。您可以學習使用這些技術，如 Puppeteer 和 Playwright。

腳本流覽器支持這些框架的所有功能，因此你可以通過這些技術的官方文檔獲得支持。

技術堆栈

Puppeteer

New Page

const page = await page.newPage();  
await page.goto('https://example.com');  

Get Screenshot

await page.screenshot({ path: 'screenshot.png', fullPage: true });

Get HTML

const page = await browser.newPage();  
await page.goto('https://example.com');  
const html = await page.content();

Click on Element

// Wait and click on first result.
await page.locator('.devsite-result-item-link').click()

Selenium

Python

# Start the session
driver = webdriver.Chrome()

# Take action on browser
driver.get("https://www.selenium.dev/selenium/web/web-form.html")

# Request browser information
title = driver.title
driver.implicitly_wait(0.5)

#Find an element
text_box = driver.find_element(by=By.NAME, value="my-text")
submit_button = driver.find_element(by=By.CSS_SELECTOR, value="button")

# Take action on element
text_box.send_keys("Selenium")
submit_button.click()

# Request element information
message = driver.find_element(by=By.ID, value="message")
text = message.text

# End the session
driver.quit()

NodeJs

 // Start the Browser
 driver = await new Builder().forBrowser(Browser.CHROME).build();
 
 // GOTO UTL on browser
 await driver.get('https://www.selenium.dev/selenium/web/web-form.html');
 
 // Request browser information
 let title = await driver.getTitle();
 
 // Waiting
 await driver.manage().setTimeouts({implicit: 500});
 
 // Find an element
 let textBox = await driver.findElement(By.name('my-text'));
 let submitButton = await driver.findElement(By.css('button'));

 // Take action on element
 await textBox.sendKeys('Selenium');
 await submitButton.click();
 
 // Request element information   
 let message = await driver.findElement(By.id('message'));
 let value = await message.getText();
 
 // End the session   
 await driver.quit();

運行

保存以下代码（别忘了输入你的用户名！），然后用以下命令运行：script.js

NodeJS

node your_script.js

Python

python your_script.py