Chrome tương đương với Firefox Firebug CSS chọn đường dẫn

Question

Tôi đã chuyển sang Chrome, nhưng một trong những tính năng gây phiền nhiễu nhất với 'Firebug lite' là nó không cho phép bạn sao chép đường dẫn CSS của đối tượng.

Để xem ý tôi là gì, trong Firefox, hãy truy cập google.com và kiểm tra biểu trưng bằng Firebug. Nhấp chuột phải vào div 'hplogo' và chọn 'Sao chép đường dẫn CSS'. Bạn sẽ nhận được một cái gì đó như:

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

Tính năng cực kỳ hữu ích mà tôi không thể tìm thấy trên Chrome, có vẻ như bạn chỉ có thể sao chép Xpath.

Có cách nào để sử dụng loại chức năng này trong Chrome không?

Cảm ơn

Answer 1

Không có cách nào để nhận thông tin này trong Chrome. Bạn có thể làm một loạt các hacks, sử dụng jQuery và bookmark như hiển thị ở đây: http://www.edmondscommerce.co.uk/chrome/tip-copy-css-selector-in-chrome/ cũng như ở đây: http://www.selectorgadget.com/

Tuy nhiên, bạn có thể tìm thấy phần mở rộng này để được gần gũi hơn với những gì bạn muốn, và một chút dễ dàng hơn để sử dụng: https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi Nó sẽ kéo XPath cũng như Đường dẫn CSS và cho phép bạn dễ dàng sao chép văn bản.

Answer 2

Trong chrome, bạn có thể nhấp chuột phải vào một yếu tố trong chế độ xem trình khám phá yếu tố và chọn sao chép đường dẫn CSS hoặc sao chép Xpath.