Chrome相当于Firefox Firebug CSS选择路径

我已经迁移到Chrome，但是“Firebug lite”最恼人的特性之一是它不允许复制对象的CSS路径

要了解我在Firefox中的意思，请访问google.com并使用Firebug检查徽标。右键单击“hplogo”div并选择“复制CSS路径”。您将得到如下结果：

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

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

有没有办法在Chrome中使用这种功能

---

谢谢

在Chrome中没有本机方式获取此信息。您可以使用jQuery和书签进行大量的破解，如下所示：以及如下所示：

但是，您可能会发现此扩展更接近您想要的，并且更易于使用：

---

它将拉取XPath和CSS路径，并允许您轻松复制文本。

在chrome浏览器中，您可以右键单击元素浏览器视图中的元素，然后选择复制CSS路径或复制XPath。

“非常有用”…如何？只需注意-在应用商店中查看应用程序的评论。一些海报提到了复制XPath和CSSPath的问题。我是一个Mac用户，刚刚安装了应用程序，很高兴看到路径，很难过无法复制路径。你的里程数可能会有所不同。这就是为什么我还没有改用Chrome的原因。这对Chrome来说确实是一个很大的负面影响@wdm它是非常有用的，当你不得不改变你没有建立的大型网站，而你在firefox中的时间很少时，你只需复制选择器并进行更改，你就不必浪费时间去理解网站中的一切。@Claudiu听起来更像是支持坏习惯，特别是如果您使用css预处理器，如LESS或Sass。下一个要加入的人必须理解你在原版的基础上破解了什么css规则。