CSS Selenium IDE 中的选择器与从浏览器开发工具复制时的记录不同
CSS selector with in Selenium IDE records are different when copied from browser development tools
对于某些网站，Selenium IDE 将以不同于我从开发人员工具复制选择器时获得的方式记录 CSS 选择器。
这是一个示例页面：
Selenium 上的价格选择器 IDE
id=pdp-cur-price
来自开发工具的价格选择器
div.price-current-old-details:nth-child(3) > span:nth-child(1)
或
span#pdp-cur-price.price.current-price.ml-0
从 IDE
添加到购物车按钮
css=.add-to-cart-button
从开发工具添加到购物车按钮
form.focus > input:nth-child(5)
或
input.add-to-cart-button.btn-addtocart.btn-pdp-addtocart.btn.btn--commerce.mr-xs
当 运行 selenium 脚本时，这当然没有帮助。
在获得准确的 CSS 选择器方面，哪些解决方案对您有用？
您通过 IDE 获得的定位器是正确的，而从开发工具自动生成的定位器远没有那么有效。
我建议您学习如何创建正确有效的定位器。
有很多教程对此进行了描述，例如 these
尽管 Selenium IDE and Developer Tools suggests near perfect , it is always advisable to formulate more canonical 调整了元素属性，但所需的 WebElements 在 DOM 树中是唯一标识的。
您可以在以下位置找到一些相关的详细讨论：
- Chrome DevTools not find elements not search
- Why XPath does not highlighted the yellow mark in Chrome84?
- Chrome 84 Inspect element, find results not highlighted in yellow like before
对于某些网站，Selenium IDE 将以不同于我从开发人员工具复制选择器时获得的方式记录 CSS 选择器。 这是一个示例页面：
Selenium 上的价格选择器 IDE
id=pdp-cur-price
来自开发工具的价格选择器
div.price-current-old-details:nth-child(3) > span:nth-child(1)
或
span#pdp-cur-price.price.current-price.ml-0
从 IDE
添加到购物车按钮css=.add-to-cart-button
从开发工具添加到购物车按钮
form.focus > input:nth-child(5)
或
input.add-to-cart-button.btn-addtocart.btn-pdp-addtocart.btn.btn--commerce.mr-xs
当 运行 selenium 脚本时，这当然没有帮助。
在获得准确的 CSS 选择器方面，哪些解决方案对您有用？
您通过 IDE 获得的定位器是正确的，而从开发工具自动生成的定位器远没有那么有效。
我建议您学习如何创建正确有效的定位器。
有很多教程对此进行了描述，例如 these
尽管 Selenium IDE and Developer Tools suggests near perfect
您可以在以下位置找到一些相关的详细讨论：
- Chrome DevTools not find elements not search
- Why XPath does not highlighted the yellow mark in Chrome84?
- Chrome 84 Inspect element, find results not highlighted in yellow like before