Chrome эквивалент Firefox Firebug CSS выбрать путь

Я сделал переход в Chrome, но одна из самых неприятных функций с "Firebug lite" заключается в том, что он не позволяет вам копировать путь к объектам CSS.

Чтобы узнать, что я имею в виду, в Firefox зайдите на google.com и проверьте логотип с помощью Firebug. Щелкните правой кнопкой мыши на div "hplogo" и выберите "Копировать CSS-путь". Вы получите что-то вроде:

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

Это невероятно полезная функция, которую я не могу найти в Chrome, кажется, вы можете копировать только Xpath.

Есть ли способ использовать этот тип функций в Chrome?

Спасибо

Ответ 1

В 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-путь и позволит вам легко скопировать текст.

Ответ 2

В chrome вы можете щелкнуть правой кнопкой мыши по элементу в представлении проводника элементов и выбрать путь копирования CSS или скопировать Xpath.