如何使用 selenium webdriver 在 chrome 中定位开发者工具页面的元素答案

【问题标题】：How to locate the elements of developer tools page in chrome using selenium webdriver如何使用 selenium webdriver 在 chrome 中定位开发者工具页面的元素
【发布时间】：2018-03-09 05:53:04
【问题描述】：

我想使用 selenium Web Driver 在 chrome 中定位开发者工具页面的元素。所以我需要开发者工具页面的编码部分来定位该页面中的特定元素。我如何以及在哪里可以获得开发人员工具页面的代码。请帮我解决这个问题...

【问题讨论】：

欢迎来到 Stack Overflow！请查阅此页面以了解如何提问：stackoverflow.com/help/how-to-ask
你的意思是html源吗？你的问题不是很清楚。开发人员工具的元素选项卡中的所有内容都可以通过使用 selenium 的“findElement”获取。找到你想要获取的元素并使用 selenium 将其拉出。很简单。
根据我的经验，selenium 不支持，开发工具页面不属于“浏览器”。似乎 chrome 开发工具是由 javascript 实现的，你可以从 chromium 开发者网站搜索一些东西，看看是否可以使用 driver.executeScript() 来调用 chromium javascript api

标签： javascript java google-chrome selenium selenium-webdriver

【解决方案1】：

对于 chrome，您必须使用 xpath 检查器，对于 firefox（版本低于 53），您可以使用 Firebug 和 Firepath

对于 xpath 检查器：

https://chrome.google.com/webstore/detail/css-and-xpath-checker/aoinfihhckpkkcpholfhmkeplbhddipe?hl=en

对于萤火虫

https://addons.mozilla.org/en-US/firefox/addon/firebug/

【讨论】：

@faizal 你可以使用 firbug 和 xpath 检查器