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?
Trả lời
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.
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
Bạn có thể nhấn command + option + u nếu bạn đang trên mac. – MichaelBrawn
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!
Câu hỏi không nói gì về lỗi - chỉ cần thanh tra DOM – henry
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).
Hãy thử chrome mở rộng Go to line:
đó 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
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.
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.
- 1. Chụp ảnh màn hình của Chrome bằng Công cụ dành cho nhà phát triển Chrome?
- 2. Công cụ phủ sóng xây dựng cho các công cụ dành cho nhà phát triển chrome
- 3. Công cụ chọn màu - đề xuất cho các công cụ dành cho nhà phát triển Chrome
- 4. Công cụ dành cho nhà phát triển không hoạt động trong Chrome osx
- 5. Cách đính kèm công cụ nhà phát triển Chrome vào cùng một cửa sổ?
- 6. Google Chrome sao chép đường dẫn CSS trong Công cụ dành cho nhà phát triển
- 7. Tắt chức năng $ của Công cụ dành cho nhà phát triển Chrome
- 8. Thay đổi tệp JavaScript trên Công cụ dành cho nhà phát triển của Google Chrome
- 9. Công cụ dành cho nhà phát triển Chrome ánh xạ vùng làm việc
- 10. Tắt tự động lưu thay đổi CSS trong Công cụ dành cho nhà phát triển Chrome
- 11. Công cụ dành cho nhà phát triển Chrome đóng băng trang
- 12. Công cụ dành cho nhà phát triển Chrome. Điểm ngắt sửa đổi subtree DOM?
- 13. Viết JavaScript trong công cụ dành cho nhà phát triển Chrome
- 14. "Sao chép vị trí có thông số" cho Công cụ dành cho nhà phát triển của Google Chrome?
- 15. Công cụ dành cho nhà phát triển Android khác
- 16. Tùy chỉnh phím tắt Công cụ dành cho nhà phát triển Google Chrome trên máy Mac
- 17. Không thể thấy mã được tải động trong Công cụ dành cho nhà phát triển Chrome 22
- 18. Tại sao Công cụ dành cho nhà phát triển IE8 của tôi không hoạt động?
- 19. Gỡ lỗi iframe bằng công cụ nhà phát triển Chrome
- 20. Công cụ dành cho nhà phát triển Internet Explorer 8 không hiển thị
- 21. HTML Body cho biết cz-shortcut-listen = "true" với Công cụ dành cho nhà phát triển của Chrome?
- 22. Công cụ dành cho thiết lập nhà phát triển đơn lẻ?
- 23. Làm cách nào để ngăn công cụ nhà phát triển Chrome đóng khi cửa sổ trình duyệt hiện tại đóng?
- 24. Công cụ GUI dành cho nhà phát triển và quản trị dành cho Hadoop
- 25. Gỡ lỗi ngoại lệ Dom bằng các công cụ dành cho nhà phát triển chrome trong jquery
- 26. Kiểm tra trong IFrame trong Công cụ dành cho nhà phát triển IE8?
- 27. Xuất dữ liệu từ công cụ nhà phát triển Chrome
- 28. Cách lặp lại yêu cầu POST bằng các công cụ dành cho nhà phát triển của Chrome?
- 29. Tương đương với Firebug cd trong công cụ dành cho nhà phát triển/bảng điều khiển Chrome
- 30. Tiểu sử sơ lược về Qn - ASP .NET MVC + Mini-Profiler + Công cụ dành cho nhà phát triển Chrome
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
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