Seleniumを使用してChrome DevToolsを表示する方法


  1. オプションを使用してChrome DevToolsを表示する方法(Python):
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
chrome_options = Options()
chrome_options.add_argument("--auto-open-devtools-for-tabs")
driver = webdriver.Chrome(options=chrome_options)
driver.get("https://example.com")
  1. キーボードショートカットを使用してChrome DevToolsを表示する方法(Python):
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
driver = webdriver.Chrome()
driver.get("https://example.com")
driver.find_element_by_tag_name("body").send_keys(Keys.CONTROL + Keys.SHIFT + "I")
  1. JavaScriptを使用してChrome DevToolsを表示する方法(JavaScript):
const {Builder, By, Key, until} = require('selenium-webdriver');
let driver = new Builder()
    .forBrowser('chrome')
    .build();
driver.get('https://example.com');
driver.executeScript("window.open('','_blank').document.write('<script>window.open(\"about:blank\").document.write(\"<script>debugger;</scr\" + \"ipt>\")<\/script>')")

これらの方法を使用すると、Seleniumを介してChrome DevToolsを表示することができます。これにより、ブラウザの開発者ツールを使用してWebページのデバッグや要素のインスペクションなどを行うことができます。