如何使用Chrome开发工具基于CSS类或ID查找元素？

Question

长期的自动化开发人员在这里（仅针对上下文）。困扰我好一阵子的是，Chrome中用于查找元素的开发工具似乎没有按我期望的那样工作。希望有人可以指出我做错了什么。

看着酱实验室页面：https : //saucelabs.com/blog/selenium-tips-finding-elements-by-their-inner-text-using-contains-a-css-pseudo-class

好的，现在该页面具有div和锚点

的确可以，find ('a')或者find('div')

但是为什么在使用类或id时会有问题？

Answer 1

该find()方法引用window.find()，这是浏览器内置的Find函数的非标准API。它找不到Selenium或Capybara一样的Web元素，因此不会将输入解析为选择器。

您可以使用document.querySelector()或在Chrome DevTools中找到带有选择器的元素document.querySelectorAll()。Chrome DevTools中没有为此提供特殊方法，但是确实提供了$()和$$()别名（分别），以节省您的时间和击键次数。