在浏览器中手动复制选择器

选择器是通过使用元素内部属性来引用元素，以帮助选择元素的机制。 在 HTML 元素中，选择器可以是类、标识、属性、HTML 标记等。

准备工作

可以使用浏览器开发者工具 (DevTools) 中的元素面板来访问 Web 页面的文档对象模型 (DOM)。 在此面板中，可以获取以下内容：

  • HTML 元素
  • 标记
  • 选择器
  • 文本内容

有关选择器的更多详细信息，请参阅 Web 选择器 。

过程

检查元素

  1. 打开 Web 浏览器。
  2. 导航至页面或 Web 应用程序。
  3. 打开 DevTools。
  4. 单击选择页面元素选项。
    • 对于此操作，可以使用 Ctrl+Shift+C 键组合。
    • 对于 Internet Explorer，可以使用快捷键 Ctrl+B。
  5. 在 DevTools 中，左键单击 Web 页面元素以将其选中。

执行此过程之后，您可能有权访问 DevTools 左上角的选择页面元素选项。

可以使用其他选项来选择元素：

  1. 打开您选择的浏览器。
  2. 导航至页面或 Web 应用程序。
  3. 右键单击所需的 Web 页面元素。
  4. 选择检查或检查元素选项。

某些浏览器会突出显示所选元素。

获取 CSS 和 XPath 选择器

  1. 打开浏览器。
  2. 导航至页面或 Web 应用程序。
  3. 打开 DevTools 中的元素面板。
  4. 右键单击 DOM 中的元素。
  5. 单击复制。
  6. 选择下列其中一个选项：
    • 对于 CSS 选择器：单击复制选择器或 CSS 选择器。
    • 对于 XPath 选择器：单击 XPath。

下一步操作

浏览涉及 Web 自动化的不同用例，请查看可用的 教程。