Công cụ nhà phát triển Chrome: tập lệnh html trống (trong nguồn) hướng dẫn gỡ lỗi


90

Tôi đang thực hiện hướng dẫn gỡ lỗi C hrome , sử dụng NetBeans và Google Chrome. Mọi thứ, bao gồm cả các tiện ích mở rộng, dường như hoạt động chính xác, nhưng khi tôi đến phần Use the Debugger, tôi không thể thấy mã html để chèn một điểm ngắt.

Sau khi chọn kiểm tra cửa sổ bật lên trên trình duyệt, nó sẽ mở ra trong Console, không hiển thị gì, Elements hiển thị popup.html có thêm hình ảnh. Khi tôi đi đến Nguồn, tệp popup.html có thể được mở, nhưng dòng duy nhất, Dòng 1, bị trống. Nếu tôi mở tệp js, tệp js ở đó và có thể được chỉnh sửa (break point).

Tôi xin lỗi - có thể là một cái gì đó cơ bản, nhưng tôi không có nhiều kinh nghiệm về điều này. Tôi đã thử tải lại và làm mới mọi thứ.

THEO DÕI: Bằng cách nhập location.reload(true)vào lời nhắc Console, tệp popup.html sẽ hiển thị dưới dạng Nguồn! Tại sao? Không ý kiến.

Tôi hy vọng điều này sẽ cứu ai đó trong cả ngày tôi đã vấp ngã.


5
location.reload (true) phù hợp với tôi.
WillB 3

Vâng, nhưng điều đó sẽ tải lại trang và làm mất bất kỳ tương tác nào mà bạn có thể đã có trên trang trước khi mở trình gỡ lỗi.
Peter Brand

tôi nên viết "location.reload (true)" ở đâu
sidhewsar 21/1218

2
Vẫn phải đối mặt với vấn đề vào năm 2019!
Aamir Rizwan

Điều này xảy ra trong phiên bản Chrome mới nhất, tháng 10 năm 2019, nhưng thủ thuật location.reload (true) không tải được bất kỳ thứ gì. Ngẫu nhiên, cửa sổ nguồn chỉ hiển thị dòng số 1, ngoài ra không có gì khác.
Howard Brown

Câu trả lời:


53

Đây dường như là một vấn đề đã biết với Chromium DevTools. Về cơ bản, HTML và các nội dung không phải script khác đã được xóa trước khi DevTools mở ra và không có cách nào đáng tin cậy để lấy lại. Việc làm mới trang với DevTools sẽ "khắc phục" sự cố.


4
Đồng ý - Tôi gặp sự cố và bản sửa lỗi này đã lỗi thời (đối với sự cố giống hệt trước đó) hoặc không hoạt động.
Dan Nissenbaum

3
Tôi cũng gặp tình huống giống như vậy. Làm mới trang không giải quyết được vấn đề.
MH

17
bạn có thể làm cho nó hoạt động bằng cách đóng các công cụ dành cho nhà phát triển và mở lại chúng bằng cách sử dụng tùy chọn phần tử kiểm tra. Nó làm việc cho tôi.
Vishal

7
Vẫn tiếp tục vào tháng 12 năm 2017!
Peter Brand

7
Lỗi vẫn tồn tại - tháng 5 năm 2019
Chris Rogers

48

trong trường hợp của tôi, thứ tự đã giúp là

  1. đóng tab trống trong các nguồn
  2. đóng các công cụ dành cho nhà phát triển
  3. mở các công cụ dành cho nhà phát triển
  4. mở tab trong nguồn (vẫn trống)
  5. làm mới trang

1
Ai biết được liệu đây có phải là một bản sửa lỗi đáng tin cậy hay không, nhưng lần này nó đã hoạt động! 😁
James Hill


nó làm việc cho tôi
Smith

điều này cũng làm việc cho tôi
AVH

24

Tôi gặp sự cố này và vừa thấy rằng việc tắt "Bật Bản đồ nguồn Javascript" từ cửa sổ cài đặt Trình kiểm tra (F1) đã giải quyết được vấn đề này

Tôi đã tạo lại js.map của mình, bật lại cài đặt và nguồn vẫn khả dụng.

Vì vậy, tôi nghĩ rằng vấn đề của tôi là tôi đang cung cấp js (cài đặt dành cho nhà phát triển) không được hợp nhất, nhưng bản đồ (được xây dựng cho cài đặt sản phẩm) vẫn ở đó và lỗi thời.


4
đóng chrome và mở lại sau khi thay đổi cài đặt!
Nateous

17

Trong trường hợp của tôi, tôi không thể truy cập bảng điều khiển vì tab của nó cũng hiển thị một trang trống. Giải pháp của tôi là sử dụng tổ hợp CTRL + SHIFT + I với tiêu điểm màn hình trình gỡ lỗi trống, sau đó nhập parent.location.reload(true)vào bảng điều khiển của trình gỡ lỗi bật lên.


2
Như trong nhận xét của WillB ở trên, điều đó sẽ tải lại trang và làm mất bất kỳ tương tác nào mà bạn có thể đã có trên trang trước khi mở trình gỡ lỗi.
Peter Brand

Tuyệt vời! Điều này đã làm việc cho tôi sau 2 giờ đấu tranh.
Zeeshan Adil

Tôi không biết hàm ý của parent.location.reload nhưng nó đã giải quyết được vấn đề của tôi sau vài lần khởi động lại chrome / làm mới cứng / làm trống dữ liệu bộ nhớ cache chrome! cảm ơn!
beluga

Mừng vì tôi có thể giúp. Nó tải lại cửa sổ mẹ (cửa sổ trống mà bạn đã nhập CTRL + SHIFT + I) từ cửa sổ con.
Ikenna Anthony Okafor

5

Trong trường hợp của tôi, có một tiện ích mở rộng trong chrome khiến trình gỡ lỗi cung cấp trang chỉ mục trống trong phần "không có miền" của trình gỡ lỗi. Sau khi tắt tất cả các tiện ích mở rộng không cần thiết trong chrome, trình gỡ lỗi đã hiển thị lại nguồn chính xác.


4
Sẽ thật tuyệt nếu bạn ghi chú về phần mở rộng gây ra sự cố. Nhiều tiện ích mở rộng có thể không cần thiết đối với bạn và cần thiết đối với tôi. Điều này làm cho câu trả lời trở nên vô giá trị.
Imad

5
Tôi sẽ không đồng ý với "vô giá trị". Ít nhất bạn biết để kiểm tra các plugin.
Brett Drake

Đây là vấn đề của tôi - trong trường hợp của tôi, tôi đã cài đặt tiện ích mở rộng UltraSurf Unblock VPN. Mở trang gỡ lỗi cục bộ trong cửa sổ ẩn danh sẽ hiển thị trang này ngay lập tức. Tôi phải thừa nhận một chút khoảnh khắc "durrrr" :( haha!
IfElseTryCatch

Sử dụng ẩn danh đã sửa lỗi cho tôi.
Petah

4

Dev Tools (F12) -> Cửa sổ cài đặt thanh tra (F1) -> Khôi phục mặc định và tải lại [nút ở dưới cùng] phù hợp với tôi!


2

Tôi đã nhận thấy rằng một số vấn đề javascript nghiêm trọng gây ra sự cố như thế này. Trong trường hợp của tôi, tôi đã ghi đè sai toàn bộ tài liệu của mình do lỗi đánh máy.

Nếu bạn nhận được một trang html trống trong trình gỡ lỗi Chromium WebTools, hãy xem kỹ javascript của bạn để đảm bảo rằng nó không hoạt động gì lạ.


1
Đây dường như là nguyên nhân gây ra vấn đề cho tôi. Trong trường hợp của tôi, tôi có một tham chiếu jquery không hợp lệ. $ ('inputid') thay vì $ ('# inputid').
Vincent

2

Tôi đã khắc phục sự cố của mình bằng cách sử dụng một phiên hoàn toàn mới với đối số dòng lệnh "--user-data-dir" và tắt "Bật Bản đồ nguồn Javascript". Mã của tôi hiển thị tốt trong trình gỡ lỗi Firefox, vì vậy có vẻ như do lỗi Chrome gây ra.


1

Tôi đã từng gặp vấn đề tương tự. Ngay cả việc làm mới trang cũng không hoạt động.

Tôi chrome://helplàm việc và làm mới trình duyệt + khởi động lại.

Bạn cũng có thể cập nhật Chrome thông qua menu:

nhập mô tả hình ảnh ở đây


0

trong trường hợp của tôi, nó đột ngột xảy ra, sau khi tôi bị nhiễm phần mềm độc hại và tôi đã đặt lại trình duyệt của mình - đã xóa bộ nhớ cache / appdata.

Giải pháp: xóa phần mở rộng có thể ảnh hưởng đến Js trong trường hợp của tôi

tôi đã xóa / tắt tiện ích mở rộng bên dưới và hoạt động https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=vi

lạ bởi vì trước khi tôi sử dụng addon đó mà không có vấn đề gì, tôi nghĩ nó giống như hô hấp nhân tạo vậy. :)


0

Trong trường hợp của tôi, tôi đã nuốt chửng với đồng bộ hóa trình duyệt chạy trong một vài ngày. Tôi bật ra một ngụm và giải quyết vấn đề của mình.


0

Tôi cũng gặp sự cố này khi tôi có một tệp java-script lớn, tôi có dòng này

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

trong một chu kỳ cho và nó đang đếm 3000 mục để tệp phát triển lớn trong tập lệnh và tệp bị trống trong nguồn chrome. (Tôi nghĩ rằng tôi đã gặp một số hạn chế)

Sau khi làm cho tệp nhỏ hơn bằng cách xóa xuống 100 mục, nó vẫn hoạt động tốt.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.