Chrome相当于Firefox Firebug CSS选择路径

Question

我已经转向Chrome,但"Firebug lite"最烦人的功能之一就是它不允许你复制对象的CSS路径.

要查看我的意思,请在Firefox中访问google.com并使用Firebug检查徽标.右键单击'hplogo'div并选择'Copy CSS path'.你会得到类似的东西:

html body#gsr div#main span#body.ctr-p center div#lga div div#hplogo

这是一个我在Chrome上找不到的非常有用的功能,看起来你只能复制Xpath.

有没有办法在Chrome中使用此类功能？

谢谢

Answer 1

在chrome中,您可以右键单击元素资源管理器视图中的元素,然后选择复制CSS路径或复制Xpath.

Answer 2

Chrome 中没有获取此信息的本地方法。您可以使用 jQuery 和书签进行一系列修改，如下所示： http: //www.edmondscommerce.co.uk/chrome/tip-copy-css-selector-in-chrome/以及此处：http://www.edmondscommerce.co.uk/chrome/tip-copy-css-selector-in-chrome/ /www.selectorgadget.com/

但是，您可能会发现此扩展更接近您想要的，并且更容易使用： https: //chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi 它将拉取 XPath 以及 CSS 路径，并且让您轻松复制文本。