2013-04-26 29 views
5

Khi bạn chọn Inspect Element bằng Chrome, ở cuối bảng điều khiển của nhà phát triển, đường dẫn đến phần tử đó được hiển thị.Có cách nào để sao chép đường dẫn xuất hiện trong các công cụ tìm kiếm của Chrome sau khi Kiểm tra phần tử không?

enter image description here

Trong trường hợp này, đó là body > div#divsinglecolumnwidth.singlecolumnwidth > div#productdescription>h2.

Có cách nào để sao chép "đường dẫn" đó không?

Trả lời

4

Chỉ cần nhấp chuột phải vào nút DOM và chọn tùy chọn Copy xPath.

Bạn sẽ nhận được một xPath tiêu chuẩn tìm kiếm như thế này: //*[@id="copyright"]/a[1]

+0

Tôi mong rằng cũng có thể cho các định nghĩa CSS: http://stackoverflow.com/questions/15369895/google-chrome-copy-css-path -in-developer-tools – showdev

+2

Thật không may, xPath không bao gồm đường dẫn đầy đủ cho thấy trong thanh dưới cùng (không được viết ra anyway). Tôi đã hy vọng có một cách để sao chép toàn bộ con đường đó, mọi thứ từ đến yếu tố tôi đã kiểm tra. Tất cả mọi thứ hiển thị trong bảng điều khiển dev. –

+1

không thể tin rằng điều này không tồn tại – PEWColina

Các vấn đề liên quan