应用截图

详细介绍

此扩展程序帮助确定可用于 PageFactory 初始化页面元素的唯一 Selenium WebElement。 概述： 厌倦了为网页自动化手动编写 JSON 文件？ 在浏览器中安装了元素定位扩展程序来检查元素？ 这当然不错，但如果有一个扩展程序能为网页上所有检查过的元素生成 JSON 文件呢？ 此扩展程序解决了这个麻烦。 使用指南： • 将 Element Inspector 扩展程序添加到浏览器。 • 打开扩展程序（将显示眼睛图标）。 • 将鼠标悬停在元素上。 • 按下： 1. “X”获取 XPath。 2. “C”获取类名。 3. “S”获取 CSS 选择器。 4. “N”获取名称。 5. “I”获取 ID。 6. “F”获取完整 XPath。 • 在提示框中输入键，以该键保存 JSON 对象，然后点击“确定”。 完成！ 以同样的方式维护你的 JSON，享受使用过程！ Element Inspector 设置指南： Chrome（针对本地部署的网站）： • 创建一个 Google Chrome 副本。 • 在目标地址后附加 --disable-web-security --user-data-dir=~/chromeTemp，例如："C:\Users\JohnDoe\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=~/chromeTemp • 打开 Google Chrome 并添加此扩展程序。 • 访问 chrome://flags/#block-insecure-private-network-requests • 禁用 Block insecure private network requests。 服务器： • 下载并安装 Node.js • 下载代码仓库并解压到某个位置，例如桌面。 • 在 Visual Studio Code 中打开 index.js 文件。 • 打开 Visual Studio Code 的终端。 • 运行命令 npm i • 运行命令 node .\index.js 打开扩展程序，将鼠标悬停在网页元素上并按下相应按键（例如 x、s、n 等）。 JSON 文件应以 Sample.json 的名称创建在 nodetest 文件夹中。 Node 服务器代码仓库链接： https://github.com/JawadRehmanCS/NodeServer