|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/selectorshub-tutorial-a-free-next-gen-xpath-locators-tool/
课程评论：没有评论
**课程名称：** SelectorsHub 教程 - 下一代 XPath 和定位器工具 **课程概述：** 本课程旨在帮助您精通 SelectorsHub，一款功能强大的下一代 XPath 和定位器工具。通过本课程，您将深入学习 XPath 和 CSS 选择器的编写方法，并掌握处理各种 Web 元素的技巧，包括 iframe、嵌套 iframe、Shadow DOM、嵌套 Shadow DOM 以及 SVG 元素。此外，课程还将教授您如何为动态下拉菜单和子菜单选项编写和生成 XPath 和选择器。 您将详细了解 SelectorsHub 的各项强大功能，包括： * **智能编辑器：** 在您输入时自动建议所有可能的 XPath 和选择器函数及其出现次数。 * **自动生成：** 一键生成轴（Axis）相关的 XPath、基于父节点的相对 XPath、索引 XPath 和绝对 XPath。 * **多功能选择器生成：** 在单击时为检查的元素生成所有类型的可能选择器。 * **错误处理：** 提供详细的错误消息，准确指出 XPath 和 CSS 选择器中的问题。 * **批量验证：** 在几秒钟内一次性验证多个 XPath 和整个脚本。 * **多框架和 Shadow DOM 支持：** 支持 iframe、嵌套 iframe、Shadow DOM 和嵌套 Shadow DOM 元素。 * **SVG 元素支持：** 支持 SVG 元素，并提供关于被检查元素类型（例如 SVG）的详细信息。 * **调试器：** 用于检查动态 Web 元素（如下拉菜单选项）。 * **便捷的复制和编辑：** 可直接从右键上下文菜单复制选择器值，无需打开 SelectorsHub 标签页；也可直接编辑选择器值。 * **自定义功能：** 支持自定义上下文菜单、生成不区分大小写的选择器、生成多个 XPath 和选择器、保存选择器值、禁用/启用 SelectorsHub 等。 * **健壮的选择器生成：** 生成健壮且唯一的相对 CSS 选择器和 XPath。 * **高级选项：** 支持 jQuery 和 JS Path，可生成带有指定属性或驱动命令的选择器。 * **用户偏好设置：** 可自定义 UI 界面，所有配置将本地保存，以用户偏好设置再次打开。 **适用人群：** 本课程是所有自动化测试人员的必备课程。如果您是 Selenium、Cypress、WebDriverIO、Protractor 或 Playwright 用户，学习本课程将显著提高您的生产力。课程将帮助您掌握 XPath 和选择器的基础概念，纠正对浏览器开发者工具的常见误解。 **课程亮点：** * 提升 XPath 和选择器编写效率。 * 掌握处理复杂 Web 元素（如 Shadow DOM、SVG）的技巧。 * 全面了解 SelectorsHub 的强大功能。 * 为自动化测试工作流程带来革命性的改进。
~ Learn how to use SelectorsHub and be a SelectorsHub expert ~This course will help you to learn all about SelectorsHub. You will learn about XPath writing, cssSelector writing and different concepts of handling web elements. It will help you to learn how to handle iframe, nested iframes, shadow dom, nested shadow dom and svg elements.You will also learn how to write and generate xpath & selectors for dynamic dropdown and submenu options. This course will help you to learn all the features of SelectorsHub in detail like smart editor, error handling, shadow dom, iframe, svg, multi xpath generation etc.This is a must have course for every automation tester. It will help you to learn all about xpath, selectors, css selectors, web elements and DOM.Every selenium, cypress, WebDriverIO, protractor and playwright user should take this course.It will help you to increase your productivity.This course will help you to learn the fundamental concepts of XPath & selectors.You will also learn about the misconceptions of XPath & selectors which people have about browser devtools.SelectorsHub Features:Smart editor which auto suggests all possible XPath & selectors functions along with their occurrences while typing.Auto generates Axis based xpath, parent based relative xpath, index xpath and absolute xpath.Generate all types of possible selectors for inspected element in single click.Error handling. It gives the proper error message like what is wrong in your xpath and cssSelector.Verify multiple XPath and whole script in single shot just in few seconds.Supports jQuery and JS Path.Supports iframe and nested iframes.Supports shadow dom and nested shadow dom.Support SVG elements.Gives proper information about what kind of the inspected element it is like svg etc.Debugger feature to inspect dynamic web elements like dropdown menu options.Feature to copy selectors value directly from right click context menu on the web element, no need to open SelectorsHub tab.Feature to customise contextMenu.Generate case insensitive selectors.Generate Multiple XPath & selectors in single go.Gives complete script to handle shadow DOM elements.Save the XPath & selector value in SelectorsHub.Feature to disable and enable SelectorsHub in contextMenu.It generates robust unique relative cssSelector and XPath.Generate the index based xpath in auto suggest.Feature to generate selectors with the desired attribute.Feature to generate selectors with driver command.Option to Customise the UI as users need.All the config will be saved in local so next time when the user opens it, it opens with the user's configs.To copy the Selector's value, just click on the Selector's Header. For example, to copy Rel XPath, click on Rel XPath.To edit the Selector's value, just click on the selector's value, it will put the value in a box where you can edit it and verify.
