在 Selenium 中显示 Chrome DevTools - Python

简介

Selenium 是一个自动化测试工具，用于模拟用户交互，并且可以使用各种编程语言来编写测试脚本。而Chrome DevTools 则是 Chrome 浏览器自带的开发者调试工具，也是每个前端开发者必备的工具之一。然而在 Selenium 中使用 Chrome DevTools 通常需要做一些额外的配置，才能在浏览器中启用 DevTools。

在本文中，我们将介绍如何在 Selenium 的 Python API 中使用 Chrome DevTools ，并打开开发者调试工具。

步骤

在 Python 中使用 Chrome DevTools，需要使用 Chromedriver。我们先安装 Chromedriver，可以通过以下命令安装：

!pip install chromedriver-binary

接着，我们打开一个 Chrome 浏览器的实例，并且在实例中启用 DevTools。代码如下：

from selenium.webdriver.chrome.service import Service
from selenium.webdriver.chrome.webdriver import WebDriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.common.keys import Keys

service = Service("./chromedriver")
service.start()

chrome_options = Options()
chrome_options.add_experimental_option("debuggerAddress", "localhost:9222")
chrome_driver = "/usr/local/bin/chromedriver"
driver = WebDriver(executable_path=chrome_driver, options=chrome_options)

代码解释：

• 首先，我们使用 Service() 和 WebDriver() 来启动 Chromedriver。
• 接着，我们创建了一个 chrome_options 对象，并使用 add_experimental_option 方法来设置 Chrome 的调试模式。在这个模式下，Chrome 会启动一个默认监听在 localhost:9222 的端口，供调试工具使用。
• 最后，我们创建了一个 Chrome 浏览器的实例，并使用 chrome_driver 路径和 chrome_options 来启动浏览器。

现在我们已经成功在 Python 中启用了 Chrome DevTools 。接下来，我们可以使用 Selenium 来访问页面，并在其中进行交互。

例如，在以下示例中，我们打开谷歌主页，并在搜索框中输入“Selenium”：

driver.get("https://www.google.com/")
search_box = driver.find_element_by_name('q')
search_box.send_keys('Selenium')
search_box.send_keys(Keys.RETURN)

结论

通过这个简短的教程，我们已经学习了如何在 Selenium 中使用 Chrome DevTools，并且可以在实际中使用它们来测试网页。现在，您可以使用Chrome DevTools开发更为复杂的自动测试用例，而不必担心Selenium的局限性。