Chrome相当于Firefox Firebug CSS选择路径

时间:2012-07-12 00:19:17

标签: css firefox google-chrome path selector

我已经转向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上找不到的非常有用的功能,看起来你只能复制X路。

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

由于

2 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:4)

在Chrome中没有以原生方式获取此信息。您可以使用jQuery和书签来执行大量攻击:http://www.edmondscommerce.co.uk/chrome/tip-copy-css-selector-in-chrome/以及此处:http://www.selectorgadget.com/

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