2013-08-15 23 views
20

Trong Chrome, Công cụ -> Công cụ dành cho nhà phát triển -> tab Yếu tố. Không có số dòng bên cạnh mã nguồn. Có cách nào để bật chúng lên không?Nhận số dòng trong cửa sổ Thành phần của Công cụ dành cho nhà phát triển Chrome?

+4

Nói cách khác: có thể Chrome * có thể hiển thị cho bạn số dòng, nhưng chúng không nhất thiết phải tương ứng với số dòng trong nguồn gốc, do thay đổi động của cấu trúc DOM. Tôi hiểu điều này có thể hữu ích nếu bạn đang sửa đổi một tài liệu mà bạn có thể đảm bảo không bị thay đổi bởi các tập lệnh, nhưng tôi vẫn nghĩ không có cách nào để thực hiện nó. – apsillers

+2

Nó có thể hữu ích - nếu bạn đang sử dụng một plugin để xác thực HTML của bạn và nó cung cấp cho bạn số dòng từ cùng một nguồn trong trình duyệt, thì số dòng được cho là hoàn toàn phù hợp – PandaWood

Trả lời

10

Không biết nó sẽ hữu ích như thế nào, nhưng bạn có thể nhấp chuột phải vào phần tử html trong tab Yếu tố, chọn "Sao chép dưới dạng HTML" và dán kết quả vào trình soạn thảo văn bản yêu thích của bạn. Điều đó sẽ cung cấp cho bạn số dòng cho DOM vì nó tồn tại ở điểm mà bạn sao chép nó.

Giống như nhận xét chỉ ra, điều này sẽ không tương ứng với số dòng nguồn.

10

Không có cách nào để hiển thị số dòng trong khu vực nhà phát triển. Bạn có thể nhấn CTRL + U trong trang web nơi bạn muốn xem dòng mã. Chúc may mắn

+0

Bạn có thể nhấn command + option + u nếu bạn đang trên mac. – MichaelBrawn

-4

Tôi không biết nếu Chrome DevTools đã thay đổi kể từ bưu điện, nhưng bạn có thể làm điều này bây giờ:

Mở rộng Lỗi bằng cách nhấn vào mũi tên bên cạnh nó và sau đó nhấp chuột vào dòng mà nói stack (...) và nó sẽ mở rộng vào cùng một thông báo lỗi cộng với dòng nguồn nơi nó xảy ra.

Tôi hy vọng điều này sẽ hữu ích!

+0

Câu hỏi không nói gì về lỗi - chỉ cần thanh tra DOM – henry

3

Nếu bạn nhấp chuột phải -> Xem nguồn trang, điều này sẽ hiển thị số dòng hiện tại.

Đối với những gì nó có giá trị, tôi cần điều này vì tôi đã nhận được một lỗi javascript với một số dòng. Các công cụ dev không hiển thị đoạn mã này trong tab nguồn thông thường, có lẽ vì nó được nhúng trong HTML và tôi có lỗi biên dịch (dấu phẩy thiếu ngu ngốc).

-1

Hãy thử chrome mở rộng Go to line:

+0

đó là cách hay để sao chép các phần quan trọng của nội dung liên kết tại đây – miraclefoxx

0

Nó không có một số dòng vì nó là phân tích và điều chỉnh phiên bản của mã HTML và số dòng có thể là rất khác so với những gì bạn nhìn thấy trong bạn biên tập mã . Cách tốt nhất để tìm chính xác cùng một phần tử là thêm thuộc tính ID vào phần tử và sau đó sử dụng document.querySelectorAll ('# CUSTOM_ID'); Nếu bạn muốn xem HTML không thay đổi (trình duyệt nào nhận được từ máy chủ) chỉ cần nhấp chuột phải vào trang và chọn xem nguồn trang.

0

Số dòng không còn được sử dụng trong HTML nữa. Mỗi dòng bây giờ có một tên duy nhất.

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