【问题标题】:How to interact with elements those cannot be inspected through css/xpath within google-chrome-devtools如何与无法通过 google-chrome-devtools 中的 css/xpath 检查的元素进行交互
【发布时间】:2019-08-28 14:41:32
【问题描述】:

我经常遇到无法右键单击以检查其 xpath 或 css 的元素。

我想问还有哪些其他方法可以点击这些元素?

【问题讨论】:

  • 你能举个例子吗?

标签: python selenium google-chrome xpath google-chrome-devtools


【解决方案1】:

有很多元素/控件无法位于 HTML DOM 中,即您无法右键单击元素以通过 google-chrome-devtools 检查它们的 xpath。最常遇到的三个这样的元素/控件如下:

无法在DOM Tree 中跟踪这些通知。在这里你会找到关于How to allow or deny notification geo-location microphone camera pop up的相关讨论

  • 确定要离开此页面吗?弹出窗口:

此消息也不能位于DOM Tree 中。在这里你会找到关于How to handle below Internet Explorer popup “Are you sure you want to leave this page?” through Selenium的详细讨论

【讨论】:

  • 如果这个/任何答案对您有帮助/对您未来的读者有帮助,请投票赞成。
【解决方案2】:

Control + Shift + C 或 F12 将为您打开开发工具,然后您可以在浏览器上单击光标模式。

【讨论】:

    【解决方案3】:

    您可以使用Ctrl + Shift + C,它会打开开发工具并启用选择要检查的元素。只需将鼠标光标移动到元素上并单击,它就会将 devtools 中的 html 视图滚动到正确的位置。

    或者,您可以按F12 并切换选择要检查的元素按钮(开发工具的左上角)。

    【讨论】:

      【解决方案4】:

      如果您想获取元素定位器但右键单击不起作用,请尝试以下操作。

      首先,按Ctrl+Shift+I打开开发工具窗口。 如果这不起作用,则首先打开开发工具,然后加载页面。

      打开开发工具后点击“选择元素”工具,开发工具左侧的打印机图标。您可以通过按Ctrl+Shift+C直接获取此工具。

      然后将鼠标悬停在要获取定位器的元素上。该元素将在元素选项卡中的 DOM 中被选中。右键单击 DOM 中的元素。 然后从上下文菜单转到复制 -> 复制 CSS 选择器的选择器或复制 XPath 的 XPath。 现在您已经在剪贴板中获得了该元素的定位器。

      【讨论】:

        猜你喜欢
        • 2019-08-29
        • 2019-03-29
        • 2018-06-11
        • 2019-08-27
        • 2015-12-11
        • 1970-01-01
        • 2019-03-17
        • 2019-07-30
        • 2020-07-05
        相关资源
        最近更新 更多