💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 7B Selenium IDE – Selenium IDE 和 Firebug 安装 > 原文: [https://javabeginnerstutorial.com/selenium/7b-selenium-ide-firebug-installation/](https://javabeginnerstutorial.com/selenium/7b-selenium-ide-firebug-installation/) 欢迎来到我们的第一篇*探索*(就像唱歌一样!)帖子。 为了从我们的 Selenium 系列中获得最大收益,建议您密切注意并共同努力。 它是如此简单! *魔术草地*的土地上,在我们看到真正的魔术发生之前,是时候为其设置环境了。 听起来有点技术性,不是吗? 但不用担心,这很容易,因为 Selenium IDE 是作为 Firefox 插件提供的。 因此,开始进行安装过程所需要的就是有效的互联网连接。 (那些已经在您的系统上安装 Mozilla Firefox 浏览器的人,应该坐下来放松一下,直到完成第 1 步。向下滚动一点,从最期待的第 2 步开始进行操作) ## 步骤 1:安装 Firefox 从 [https://www.mozilla.org/zh-cn/firefox/new/](https://www.mozilla.org/en-US/firefox/new/) 下载最新版本的 Firefox [![Firefox_Download](https://img.kancloud.cn/0f/05/0f0578d5a5bb06a1f43b8a297eed52ba_624x268.png) 下载设置文件后,它看起来像这样。 ![Firefox .exe file](https://img.kancloud.cn/53/cf/53cf106113c48ee7940a85f695b07f3f_216x47.png) 因此,继续并单击 exe 文件。 提取达到 100% 后,将弹出 Mozilla Firefox 安装向导。 点击“下一步”按钮。 ![Firefox Setup Wizard 1](https://img.kancloud.cn/1b/6a/1b6a3b79abba48afcac8ae7297a44097_262x200.png) 您可以很好地使用标准作为设置类型。 完全留给您方便。 我选择“标准”,然后单击“下一步”。 ![Firefox Setup Wizard 2](https://img.kancloud.cn/98/2e/982e27f36f0918e9319753795f117305_548x426.png) 显示了将安装 Firefox 的位置的摘要。 只需单击“安装”按钮。 ![Firefox Setup Wizard 3](https://img.kancloud.cn/1a/a1/1aa1cd57d66a868fd7a6ca6a9015894a_533x418.png) 将进行安装, ![Installing Firefox](https://img.kancloud.cn/22/3c/223cab3bdafd99df341e3c73ca25dfef_578x219.png) 单击“完成”,然后启动 Firefox 浏览器以开始使用。 ![Firefox Setup Complete](https://img.kancloud.cn/cd/04/cd04ba7b4509ced3ebddf241fd8a1547_536x416.png) ## 步骤 2:安装 Selenium IDE 启动 Firefox 浏览器后,转到 [https://www.seleniumhq.org/download/](https://www.seleniumhq.org/download/) 。 向下滚动,直到到达 **Selenium IDE** 部分。 单击最新版本号,如下所示。 (请注意,您看到的版本号可能与此处快照中的版本号不同,因为 2.9.0 是创建此帖子时的最新版本。) ![Selenium IDE download link](https://img.kancloud.cn/5d/e0/5de08be62b42adcb9901f263d86b30ab_1188x315.png) 由于安全性设置,单击版本号后,可能会弹出一个窗口。 单击“允许”按钮继续安装。 ![Firefox popup](https://img.kancloud.cn/18/d8/18d8003eac985c37cdd33a17ad858f08_524x220.png) 如图所示进行下载, ![Downloading Selenium IDE](https://img.kancloud.cn/da/16/da1660429c5feed89c8cafda4284fd55_480x253.png) 下载完成后,单击“安装”按钮。 ![Install](https://img.kancloud.cn/ca/8b/ca8b5df9a86eae1aa59f15946bda1325_499x378.png) 安装完成后,单击“立即重新启动”。 ![Firefox restart](https://img.kancloud.cn/0e/30/0e301c43fed0c67e4ca7392b3bbc5243_380x227.png) Firefox 重新启动后,我们可以通过以下其中一种方式启动 **Selenium IDE**, * 使用`Alt + Ctrl + S`的组合。 * 单击工具栏中的 Se 图标(如果已可用)。 ![Launch Selenium IDE from toolbar](https://img.kancloud.cn/23/23/2323584796a332ac3161439cf558b46d.png) * 您始终可以使用从 Firefox 菜单启动它的常规方法。 如果您没有看到菜单,请按 Alt 键,它将弹出。 单击“**工具 -> Selenium IDE**”或“**工具 -> Web 开发者 -> Selenium IDE**”。 ![Launch Selenium IDE from menu bar](https://img.kancloud.cn/e6/08/e608f2c5db345882fdba094904e2ac0e_434x222.png) 现在,让我展示一下 Selenium IDE 在启动时的外观。 ![Selenium IDE window](https://img.kancloud.cn/50/7b/507bf2a0ede0d1c5d6accfb3402519ac_587x587.png) ## 步骤 3:安装 Firebug 关于 **Firebug** 的几句话:它是 Mozilla Firefox 的免费开放源代码 Web 浏览器扩展。 我们将利用其优势,在使用 Selenium 进行自动化的情况下,识别和检查应用的 Web 元素。 如果您不了解我在说什么,那完全没问题。 只需立即安装 Firebug。 随着我们更深入地探索,一切都会落在原地。 *该采取行动了*:启动 Firefox 并导航至 [https://getfirebug.com/downloads/](https://getfirebug.com/downloads/) 用于下载 Firebug。 根据与当前 Firefox 版本的兼容性,单击“**下载**”链接。 ![Firebug download link](https://img.kancloud.cn/f8/e4/f8e4ce95e4e1499aafd13e247f7fc930_463x221.png) 单击下载链接将带您到 Firefox 加载项页面。 只需在 Firebug 部分中单击“**添加到 Firefox**”。 ![Firebug addon](https://img.kancloud.cn/14/1b/141b413d2e99c37e3e43c3b810b7c355_363x243.png) Firefox 将下载该加载项。 完成后,将出现一个对话框以安装 Firebug。 点击“**安装**”按钮。 ![Firebug install](https://img.kancloud.cn/cd/df/cddf4e13847140f3657481b26ff51ea2_440x244.png) 完成安装后,将看到一条通知,指出“Firebug 已成功安装”。 即使没有出现,也没有什么可担心的。 ![Firebug installed successfully](https://img.kancloud.cn/b3/4d/b34d1a1f805e43766f1125c73ee84fcd_330x161.png) 而且,安装 Firebug 后无需重新启动浏览器。 您一定想知道如何启动此加载项。 这很简单,有两种方法可以实现, * 按下功能键`F12` * 单击 **Firebug 图标**,该图标将在 Firefox 工具栏的右上角提供。 ![Firebug icon](https://img.kancloud.cn/17/62/1762da38c20b8a851dbea854500f3ea1_758x114.png) Firebug 通常会在 Firefox 窗口底部启动,这就是它的外观, ![Firebug interface](https://img.kancloud.cn/26/18/2618d659b2cad4d55bf1045303d904ae_684x484.png) 今天就这些了。 您已经准备好进行一些视觉处理,但这需要稍等片刻。 在另一篇文章中再见,我们将在 Selenium IDE 中探索更多有关选项的信息。 祝你今天愉快!