如何下载和安装 Selenium IDE 为 Firefox ＆ 铬合金

由： Krishna 伦塔 Krishna 伦塔
Hours 更新

⚡ 智能摘要

Selenium IDE 以浏览器扩展程序的形式安装，而不是独立应用程序，因此整个安装过程需要下载一个附加组件。 Firefox 或者使用 Chrome 浏览器，然后单击一下即可打开录制器。

  • 🔘 Firefox 路线： 添加扩展名 Firefox 要添加插件，请批准权限对话框，然后从工具栏图标启动录制器。
  • ☑️ Chrome 路由： 从官方渠道开始 Selenium 在 IDE 下载页面添加扩展程序，然后从“扩展程序”菜单打开它。
  • ✅ 元件检测： Firefox DevTools 和 Chrome DevTools 都提供了 Selenese 命令所需的 CSS 选择器或 XPath。
  • 🧪 旧版本： 原 Firefox插件发布需要一个旧版本的便携式程序 Firefox因此，请仅将其视为历史参考资料。
  • 🛠️ 故障排除： 工具栏图标缺失几乎总是意味着扩展程序已被禁用，或者工具栏太窄。
  • 📊 跨浏览器运行： 通过 npm 安装命令行运行器，即可在其他浏览器和 Grid 上执行已保存的项目。
阅读更多

下载并安装 Selenium IDE 为 Firefox 和铬

在本教程中，我们将学习如何下载和安装 Selenium IDE HPMC胶囊 Firefox 和 Google Chrome无需编译任何内容，也无需将任何内容放入系统路径——IDE 是一个浏览器扩展，因此一旦浏览器报告插件已添加，安装即完成。

⚠️ 关于版本的说明： 以下截图均来自原版 Firefox-插入 Selenium IDE。当构建过程停止工作时，该构建过程停止了。 Firefox 55 版本于 2017 年移除了对旧版 XUL 插件的支持。 Selenium 今天发布的 IDE 是一个重写的扩展，适用于 Firefox 以及将项目保存到 Chrome 浏览器的 .side 格式并非 HTML。所有原始步骤均被保留，并在旁边注明了当前行为。

如何安装 Selenium IDE 为 Firefox

以下是如何下载和安装的分步过程 Selenium IDE 为 Firefox:

满足您的所需

  • Mozilla的 Firefox
  • 活跃的互联网连接

如果您没有 Mozilla Firefox 但是你可以从下载 firefox.com.

步骤 1）打开 Firefox 附加组件和下载 Selenium IDE

正式上线 Firefox 然后导航到 Selenium IDE 列表 Firefox 附加组件. 点击添加到 Firefox插件页面如下图所示。

Selenium IDE 列表 Firefox 附加组件（带有“添加到”按钮） Firefox 按键

步骤 2）单击添加

等到 Firefox 下载完成后，点击“添加”。 Firefox 首先显示下面的权限提示，其中列出了扩展程序请求的访问权限。

Firefox 带有“添加”按钮的权限提示 Selenium IDE扩展

步骤 3）单击“确定”

安装完成后，您将收到确认信息。请点击此处显示的通知中的“确定”。

Firefox 确认信息表明： Selenium 已添加 IDE

步骤 4) 点击并打开 Selenium IDE

点击 Selenium IDE 图标现在位于 Firefox 工具栏如下图所示。

Selenium IDE 图标在 Firefox 浏览器工具栏

Selenium IDE 将在单独的窗口中打开，如下一个屏幕截图所示。

Selenium 安装完成后，IDE窗口会打开。 Firefox

Firefox DevTools中 Firefox

安装 IDE 只是设置的一半。录制步骤很容易，但手动编写步骤需要步骤所操作元素的标识符，而这个标识符来自浏览器的开发者工具。

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

步骤1） 右键单击页面上的任意位置并选择“检查元素”。您也可以使用快捷键 Ctrl + Shift + I. 上下文菜单如下所示。

Firefox 右键单击上下文菜单，选择“检查元素”选项

步骤2） 您将看到图中所示的界面，页面标记在一侧，样式在另一侧。

Firefox 开发者工具检查器面板显示被测页面的 HTML 代码。

步骤3） 您可以右键单击元素并选择 CSS 或 XPath的这在对象识别中非常有用，因为复制的值可以直接粘贴到…… Target 命令字段。

从以下位置复制 CSS 选择器或 XPath 表达式 Firefox 开发者工具检查器

注意： 同样，您也可以使用 Chrome 的开发者工具来识别对象属性。下面的 Chrome 面板可以实现相同的功能。

Chrome 开发者工具正在检查元素以读取其对象属性

这两个检查器还会显示 IDE 在构建应用时首选的 id、name 和 class 属性。 定位器 录制过程中。

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

步骤1） 绝大部分储备使用 Firefox 54 便携版本检查 开始

步骤2） 浏览 Selenium IDE 版本历史记录 并进行安装。版本列表如下所示。

版本历史记录页面列表较早 Selenium 可供下载的IDE版本

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

⚠️ 当前状态： 在工作电脑上，仅仅为了维持一个不受支持的插件而运行不受支持的浏览器已经不再可行，因此请将上述两个步骤视为历史背景。重建后的 IDE 现在涵盖了原工具的大部分功能，包括 存储变量控制流命令和代码导出。

插件

Selenium IDE 可以支持其他 Firefox 其他用户创建的附加组件或插件。您可以访问 官方 Selenium IDE 网站 以获得清单 Selenium 到目前为止可用的附加组件。安装它们的方式与其他 Firefox 加载项。

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

  1. Selenium IDE： C# 格式化程序
  2. Selenium IDE： Java 格式化程序
  3. Selenium IDE： Python 格式化程序
  4. Selenium IDE：Ruby 格式化程序

这四个插件是 Selenium IDE 将 Selenese 转换为不同的格式。

“插件”选项卡显示所有已安装的插件列表，以及每个插件的版本号和创建者名称，如下面的屏幕截图所示。

Selenium IDE插件选项卡列出了四个捆绑的格式化插件

用户扩展

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

下面“选项”对话框中突出显示了两个路径字段。

选项对话框字段 Selenium 核心扩展和 Selenium IDE扩展文件路径

您可以在这里找到大量的用户扩展程序 Selenium 下载页面请注意，此机制属于 Selenium 核心，已于 Selenium 3；现代 IDE 则通过其自身的插件 API 进行扩展。

相关文章

如何安装 Selenium Chrome 中的 IDE

以下是如何下载和安装的分步过程 Selenium IDE 为 Google Chrome:

步骤1） 去 Selenium IDE 网站 点击 Chrome 下载按钮。
步骤2） 打开 Chrome 网上应用商店的商品页面 Selenium 安装IDE扩展程序。
步骤3） 点击“添加到 Chrome”按钮添加 Selenium IDE到 Google Chrome.
步骤4） 转到“扩展”菜单，点击该图标，然后打开 Selenium 在 IDE 中录制新项目中的新测试。

Chrome 构建和 Firefox build 和 build 使用的是同一个扩展名，因此在一个扩展名下创建的项目会在另一个扩展名下打开。由于浏览器商店的商品列表会随时间变化，因此请始终在步骤 1 中从官方网站开始，而不是从书签商店开始。 URL.

如何验证安装并记录首次测试

扩展程序能够加载并不代表安装就一定成功。最快的检查方法是录制一些简单的操作并回放。

  1. 点击 Selenium IDE 图标。欢迎对话框提供四个选项：在新项目中录制新测试、打开现有项目、创建新项目或关闭 IDE。
  2. 选择第一个选项，并为项目命名。
  3. 输入一个基数 URL这是被测应用程序的地址，项目中的每个测试都会重复使用它。
  4. 一个新的浏览器窗口打开了。 URL 录制开始。点击链接或在字段中输入内容，然后切换回 IDE 并点击录制图标即可停止录制。
  5. 点击保存图标。IDE 会将数据写入一个单独的文件。 .side 延期。
  6. 选择测试并点击播放。如果录制的步骤能够正常回放且没有出现红色故障标记，则表示安装成功。

首次播放失败，且第一次执行命令就失败，通常指向根源问题。 URL 而不是在安装时。播放过程中途失败是定位器问题，而这正是问题所在。 验证并等待命令 他们靠自己的劳动谋生。

如何修复常见问题 Selenium IDE安装问题

几乎所有的安装投诉都可以归为以下几种模式之一。前两种模式已被记录在案： Selenium 项目本身。

  • 工具栏中没有图标。 确认扩展程序已启用。输入 chrome://extensions 在 Chrome 浏览器中，或者 about:addons in Firefox并检查 Selenium IDE已开启。
  • 扩展程序已启用，但仍不可见。 图标可能因为工具栏太窄而被隐藏。在 Chrome 浏览器中，将区域拖动到地址栏右侧。 Firefox右键单击工具栏，选择“自定义”，进行调整，然后单击“完成”。
  • IDE已打开，但未记录任何内容。 录制窗口必须是 IDE 自动启动的窗口。手动打开的标签页中的录制内容不会被录制。
  • 内部页面无法正常使用。 扩展程序无法对浏览器内部页面（例如设置或扩展程序屏幕）进行脚本编写，因此只能针对普通网页进行录制。
  • 受控浏览器会阻止安装。 在企业配置文件中，扩展程序的安装通常受策略控制，需要管理员允许扩展程序 ID。

如何安装 Selenium IDE命令行运行器

该扩展程序仅在安装了它的浏览器中运行测试。要在其他浏览器上运行已保存的项目、并行运行或在 Grid 上运行，请安装命令行运行器。它需要 Node.js 和 npm。

npm install -g selenium-side-runner

每个浏览器都需要自己的驱动程序二进制文件。请安装您要使用的浏览器的驱动程序。

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

运行器和驱动程序就位后，将运行器指向 IDE 先前保存的项目文件。

selenium-side-runner /path/to/your-project.side

运行程序会将测试套件分布到与机器 CPU 核心数相同的进程中运行。两个标志位即可满足大多数日常需求： -c 设置浏览器，并且 --base-url 它将整个项目重新定位到不同的环境中，这使得相同的录制内容既可以用于本地构建，也可以用于暂存服务器。

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

接下来，自然而然的下一步就是放弃录制和回放，用代码来实现相同的检查——参见…… 第一个 WebDriver 脚本 流程和更广泛的 Selenium 系列丛书中。

常见问题

不，它是开源的，通过浏览器插件商店免费分发，无需注册账号、许可证密钥或试用期。命令行运行器同样免费，可从公共 npm 注册表安装。

扩展程序本身并不需要语言运行时环境，它完全在浏览器内部运行。只有当你将录制内容导出为代码，或者安装命令行运行器时（需要 Node.js 而不是 JDK），语言运行时环境才至关重要。

任何运行受支持浏览器的平台，因此 Windows, macOS 所有系统（包括 Linux）均可正常运行。该扩展程序继承了浏览器的所有要求，这意味着无需单独的安装程序，也无需选择特定操作系统的版本。

从浏览器的扩展程序页面中移除它，然后从应用商店重新添加。已保存的项目是磁盘上的普通文件，因此即使重新安装也不会受到影响。重新安装是解决 IDE 窗口打开空白问题的常用方法。

是的，因为它会在真实的浏览器会话中记录操作，并继承该会话的所有 cookie。单点登录重定向仍然会记录操作，但由此产生的步骤通常不够稳定，最好用直接登录步骤代替。

机器学习主要应用于代码录制之后：自愈引擎会在标记发生变化时推荐替代选择器，而不稳定测试模型则会标记间歇性失败的步骤。两者都不会改变安装过程，但都能减少后续的维护工作。

它无法驱动扩展程序，但对导出的文件很有用。Copilot 可以轻松地将原始导出脚本转换为页面对象，添加显式等待，并编写调用命令行运行器的 CI 作业。

保存时，您可以选择保存位置。IDE 会为每个项目生成一个扩展名为 .side 的 JSON 文件，该文件为纯文本格式，因此可以安全地提交到版本控制系统，并在代码审查期间进行比较。

总结一下这篇文章：