如何下载和安装适用于 Firefox 和 Chrome 的 Selenium IDE

在本教程中,我们将学习如何下载和安装适用于 Firefox 和 Google Chrome 的 Selenium IDE。

如何为 Firefox 安装 Selenium IDE

以下是有关如何下载和安装适用于 Firefox 的 Selenium IDE 的分步过程

您需要

  • Mozilla Firefox
  • 有效的互联网连接

如果您还没有 Mozilla Firefox,可以从 http://www.mozilla.org/en-US/firefox/new 下载。

步骤 1) 打开 Firefox 附加组件并下载 Selenium IDE

启动 Firefox 并导航至 https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/。点击“添加到 Firefox”

Install Selenium IDE for Firefox

Install Selenium IDE for Firefox

步骤 2) 点击“添加”

等待 Firefox 完成下载,然后点击“添加。

Install Selenium IDE for Firefox

步骤 3) 点击“确定”

安装完成后,您将收到确认消息。点击“确定”

Install Selenium IDE for Firefox

步骤 4) 点击并打开 Selenium IDE

点击 Selenium IDE 图标

Install Selenium IDE for Firefox

Selenium IDE 将打开

Install Selenium IDE for Firefox

Firefox 中的 Firefox DevTools

Firefox DevTools 是 Firefox 的一个功能,我们将使用它来检查被测 Web 应用程序的 HTML 元素。它将提供 Selenese 命令将操作的元素名称。

步骤 1) 在页面上的任意位置右键单击,然后选择“检查元素”。您也可以使用快捷键 Ctrl + Shift + I

Firefox DevTools in Firefox

步骤 2) 您将看到界面

Firefox DevTools in Firefox

步骤 3) 您可以右键单击一个元素,然后选择 CSS 或 XPath。这对于对象识别很有用。

Firefox DevTools in Firefox

注意:同样,您也可以使用 Chrome 中的开发者工具来识别对象属性

Firefox DevTools in Firefox

Selenium IDE 曾被弃用,开发也已停止。最近该项目才得以复活。新的 Selenium 与弃用的 IDE 相比缺少许多功能。功能正在添加中,但速度缓慢。要探索 Selenium IDE 的所有功能,我们建议您使用旧版本。要使用旧版 IDE:

步骤 1) 使用 Firefox 54 便携版,请此处查看

步骤 2) 访问 Selenium IDE 版本 https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/versions/ 并安装

Firefox DevTools in Firefox

最新 IDE 版本可能不具备以下功能。我们将随着新版本的更新不断更新教程。

插件

Selenium IDE 可以支持其他用户创建的 Firefox 附加组件或插件。您可以访问此处查看当前可用的 Selenium 附加组件列表。像安装其他 Firefox 附加组件一样安装它们。

默认情况下,Selenium IDE 捆绑了 4 个插件

1. Selenium IDE:C# 格式化程序

2. Selenium IDE:Java 格式化程序

3. Selenium IDE:Python 格式化程序

4. Selenium IDE:Ruby 格式化程序

Selenium IDE 需要这四个插件才能将 Selenese 转换为不同的格式。

“插件”选项卡显示了所有已安装的附加组件列表,以及每个附加组件的版本号和创建者姓名。

Plugins

用户扩展

Selenium IDE 可以支持用户扩展以提供高级功能。用户扩展以 JavaScript 文件的形式存在。您可以通过在“选项”对话框中的这两个字段之一中指定它们的绝对路径来安装它们。

  • Selenium Core 扩展 (user-extensions.js)
  • Selenium IDE 扩展

User Extensions

您可以在此处找到大量用户扩展。

如何在 Chrome 中安装 Selenium IDE

以下是有关如何下载和安装适用于 Google Chrome 的 Selenium IDE 的分步过程

步骤 1) 前往 Selenium IDE 网站并点击 Chrome 下载按钮:https://selenium.net.cn/selenium-ide/
步骤 2) 打开 Chrome 网上应用店 Selenium IDE 扩展链接并安装:https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd
步骤 3) 点击“添加到 Chrome”按钮,将 Selenium IDE 添加到 Google Chrome。
步骤 4) 转到“扩展”菜单,点击该图标,然后打开 Selenium IDE 以在新项目中录制新测试。