开发人员工具中的Google Chrome浏览器复制CSS路径 [英] Google Chrome copy CSS Path in Developer Tools

问题描述

Google Chrome的开发人员工具会在工具列底部显示所选元素的CSS路径（或其大部分）。在Firebug中，您可以右键单击CSS路径中的任何选择器，并抓取到该元素的CSS路径。 Google Chrome是否有此功能？如果没有内置支持，可使用哪些工具？

Google Chrome's Developer Tools shows the CSS path (or a large portion of it) of the selected element at the bottom of the toolbar. In Firebug, you are able to right-click on any selector in the the CSS Path, and grab the CSS Path up to that element. Does Google Chrome have this feature? What tools are available if there is no built-in support?

推荐答案

Chrome没有Chrome扩展程序，因此人们制作了Chrome扩展程序，小书签和其他

Chrome doesn't have it, so people have made chrome extensions, bookmarklets, and other tools for Chrome to replicate this functionality.

可能重复：
Chrome相当于Firefox Firebug CSS选择路径

Bookmarklet：
http://www.selectorgadget.com/

Bookmarklet: http://www.selectorgadget.com/

Chrome扩展程序：
https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi

Chrome Extension: https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi

我仍然想要其他人的解答，建议和提示，以便在Chrome中最好地处理这个问题。

I would still like other people's answers, suggestions, and tips on how to best deal with this in Chrome.

这篇关于开发人员工具中的Google Chrome浏览器复制CSS路径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！