Các công cụ dành cho nhà phát triển Chrome không hiển thị tất cả các tệp JavaScript nữa


86

Không phải tất cả các tệp JavaScript đều hiển thị trong các công cụ của Chorme Developer nữa.

Google Chrome đã cập nhật. Phiên bản 44.0.2403.130 m Phiên bản gỡ lỗi của ứng dụng. Tập lệnh trong đầu.

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

Phần đầu tiên của các tập lệnh hiển thị trong Công cụ dành cho nhà phát triển Chrome trong trình đơn Nguồn trên đường dẫn localhost / Scripts / *. Phần thứ hai của tập lệnh không được hiển thị kể từ ngày hôm qua. Vấn đề với Công cụ dành cho nhà phát triển là gì?

Không có lỗi trong bảng điều khiển JavaScript. Tôi có thể thấy các yêu cầu thành công cho tệp JavaScript trong tab mạng. Tất cả JavaScript đã được tải. Ứng dụng hoạt động tốt.

Vấn đề với Công cụ dành cho nhà phát triển là gì? Có ai có ý tưởng gì không?

Nếu tôi thêm "thư mục" localhost vào không gian làm việc, mọi thứ đều hiển thị, ngay cả các tệp nguồn phía máy chủ.


10
Sử dụng tab mạng trong công cụ dành cho nhà phát triển và làm mới trang để xác định xem tệp js có thực sự được tải khi trang tải hay không.
Seano666

@ Seano666 Tôi đã làm điều đó. Giải thích câu hỏi được làm rõ do nhận xét của bạn. Cám ơn.
Fosna

2
đặt console.log vào một tệp nguồn, làm mới trang, bạn sẽ nhận được console.log và bạn có thể nhấp vào nguồn từ console.
SilentTremor

Nếu không có nhật ký bảng điều khiển nào, điều đó có nghĩa là các tệp nguồn của bạn không được tải từ nơi bạn mong đợi.
SilentTremor

@SilentTremor Ý tưởng tuyệt vời. Cám ơn. Tên tệp bên cạnh thông báo từ tham số console.log () là VM254 DdiClientMain.js: 17. Tôi tự hỏi điều này có nghĩa là gì?
Fosna

Câu trả lời:


114

Đã mở tab mạng trong công cụ dành cho nhà phát triển và nhấn F5 để làm mới - cảm ơn @ Seano666 đã nhận xét của bạn về câu hỏi


9
điều này cũng làm việc cho tôi. mở tab mạng trong tải lại dường như ảnh hưởng đến lỗi
CodeToad

Mẹo chuyên nghiệp: Bạn có thể sắp xếp tất cả những gì đã tải trên một trang bằng cách sắp xếp theo 'Loại', theo cách đó, tất cả các tập lệnh được liệt kê cùng nhau
Novastorm

Mở Devtools hoạt động tốt đối với tôi. Không cần mở Tab Mạng.
Surjith SM

Wow điều này đã hoạt động. Làm thế nào bạn thậm chí tìm ra giải pháp này? : P
Gokul NK

Lỗi này vẫn còn tồn tại trên bản 77.0.3865.90 (Phiên bản Chính thức) (64-bit)
Markus Zeller

40

Đối với tôi, tôi chỉ cần mở cài đặt Công cụ dành cho nhà phát triển và nhấp vào nút "Khôi phục mặc định và tải lại" trong tab đầu tiên.

Sau đó, tất cả các tập lệnh cục bộ của tôi hiển thị trở lại và việc gỡ lỗi đã trở lại bình thường.


21

Thêm debugger;hướng dẫn vào bất kỳ phần nào trong tập lệnh của bạn, trình gỡ lỗi sẽ dừng tại thời điểm này và hiển thị cho bạn tập lệnh, ngay cả khi tập lệnh được tải động.

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }

2
Điều này hoạt động hoàn hảo cho một tập lệnh được tải qua lệnh gọi AJAX sẽ từ chối hiển thị trong bảng nguồn. Vì Chrome đang chạy nó trong một số loại tệp VM, việc đặt debugger;dòng này buộc Chrome phải mở tệp VM.
James Haug

@JamesHaug trên thực tế, đây là cách duy nhất tôi có thể gỡ lỗi script tự động nạp, hoặc là họ đã được nạp thông qua một khuôn khổ hay tiêm
bigpony

Điều này đã hiệu quả với tôi, nhưng nó vẫn không hiển thị nếu tôi không có 'trình gỡ lỗi' trong đó.
Steve

10

Hãy thử nhấp chuột phải vào reloadnút trong công cụ dành cho nhà phát triển.
Bạn sẽ nhận được một thực đơn mà từ đó bạn có thể chọn: Empty Cache & Hard Reload.
Điều đó đã làm việc cho tôi.


Điều này cũng làm việc cho tôi. Ngoài ra, ngay cả trước khi làm mới, tôi có thể tìm thấy tập lệnh bị thiếu trong tab 'Ứng dụng'.
knopch1425

4

Tôi đã gặp vấn đề tương tự và "Bộ nhớ cache trống và tải lại cứng" đã làm việc cho tôi.


Làm việc cho tôi mà không cần cài đặt lại chrome
Dimitry K

3

Sự cố: Tôi đã phát triển / gỡ lỗi một thời gian và sau đó tôi gặp phải sự cố tương tự. Mặc dù nhật ký bảng điều khiển của tôi hiển thị số dòng, nhưng khi tôi nhấp vào chúng, tôi đã được đưa đến dòng 1 của trang trống. Các tập lệnh của tôi đã được nhúng vào html, vì vậy tôi có thể thấy chúng trong tab Phần tử, nhưng khi tôi mở tệp trong tab Nguồn, nó chỉ trống.

Giải pháp: Cách khắc phục đối với tôi là sao chép địa chỉ url và dán nó vào một tab mới và mở lại các công cụ dành cho nhà phát triển. Tab ban đầu bằng cách nào đó đã rơi vào trạng thái tồi tệ.


Thật. Tôi đã có chính xác cùng một vấn đề. Đã khởi động lại Chrome để khắc phục sự cố.
Rustem Zinnatullin

2

Vấn đề là do lập bản đồ mạng và giải nén. Có một số lỗi kỳ lạ trong các công cụ dành cho nhà phát triển chrome gây ra những sự cố này. Đôi khi, bạn thậm chí có thể nhìn thấy các tệp css cũ trong thanh bên và khi bạn mở tệp css từ thanh bên trái. nó sẽ chỉ trống hoặc thậm chí tệ hơn, thậm chí không thể nhìn thấy được.

Ngay cả khi tôi đã thử tất cả các tùy chọn. khởi động lại, loại bỏ tất cả chache, tách ánh xạ. chế độ ẩn danh. Nhưng cuối cùng đã phải cài đặt lại để thực hiện sửa lỗi này.

Vì vậy, hãy tiếp tục cài đặt chrome mới. mọi thứ nên tốt.


2

Tôi đã gặp phải sự cố tương tự với một thư mục không được tải và tôi đã giải quyết nó theo cách sau:

  1. Trong Sourceschế độ, nhấp vào nút được tô sáng màu xanh lam:

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

  2. Chọn Open file.

  3. Nhập tên của tệp mong muốn vào hộp nhập tìm kiếm.

  4. Chọn tệp từ danh sách kết quả.


1

Nguyên nhân là do tệp script của bạn chưa được tải, hãy làm mới trang với f5 và bạn sẽ thấy các script được liệt kê trong các nguồn. Điều này đã xảy ra khi bạn đặt thẻ script của mình vào cuối thẻ.


1

Trong trường hợp của tôi, đó là sự cố bộ nhớ cache của Chrome. Làm mới không làm việc cho tôi. Sau khi ánh xạ tệp bên dưới đã khắc phục sự cố của tôi

1- Mở tệp trên trình duyệt, ví dụ: http://example.com/script.js

2- Thêm phiên bản, ví dụ: http://example.com/script.js ? V = 2

Thao tác này sẽ xóa bộ nhớ cache và tệp bắt đầu hiển thị dưới dạng có thể chỉnh sửa.


1

Nếu bạn đang gỡ lỗi trong chrome, hãy thêm trình gỡ lỗi; câu lệnh trước và sau trong javascript nơi bạn muốn trình duyệt dừng để gỡ lỗi


0

Tôi đã cài đặt lại Chrome bằng cách xóa dữ liệu hồ sơ Chrome. Nó hoạt dộng bây giờ.


1
Có bất kỳ nơi nào để xóa dữ liệu hồ sơ có chọn lọc cho các công cụ dành cho nhà phát triển chrome không? Không muốn mất toàn bộ lịch sử và dấu trang, v.v.
Alex

3
Tôi tình cờ gặp câu trả lời này và bạn có thể đặt lại một cách chọn lọc cài đặt công cụ dành cho nhà phát triển mà không cần xóa toàn bộ hồ sơ Chrome. Nhấn F12, sau đó nhấn F1 và ở cuối trang là một nút sẽ chỉ đặt lại các công cụ dành cho nhà phát triển.
Michael Thessel,

Cảm ơn rất nhiều Michael Tessel - nhà phát triển chrome của tôi vì những lý do khó hiểu đã bắt đầu chỉ hiển thị ít tệp của tôi hơn (điều này khiến việc gỡ lỗi khá khó khăn). Tôi đã đặt lại cài đặt devtool và mọi thứ đã hoạt động trở lại! :-)
hasse

0

Tôi đã gặp vấn đề tương tự, tất cả những gì tôi đã làm là xóa tất cả các tệp Temp trong AppData cục bộ, dưới tên hồ sơ của bạn, ví dụ: C: \ Users \ userprofile \ AppData \ Local \ Temp


0

Đối với tôi cũng là một vấn đề 'lập bản đồ và giải nén'. Tôi đã xóa tất cả các ánh xạ, nhưng các thư mục trong trang web không hiển thị.

Giải pháp cho tôi là: trong cài đặt của các công cụ dành cho nhà phát triển, hãy chuyển đến tab "Workspace". Vẫn có một số ánh xạ. Tôi đã loại bỏ tất cả. Sau khi tải lại vẫn ổn.


0

Tôi đã gặp vấn đề tương tự và đã thử các câu trả lời được đề cập, nhưng Google Chrome đã cập nhật âm thầm và nó cần được khởi chạy lại thì mọi thứ hoạt động tốt.

Nhập chrome://settings/helpURL chrome của bạn và kiểm tra xem nó có cần chạy lại hay không.


0

Tôi gặp phải vấn đề này do lỗi chính tả bên trong thẻ tập lệnh javascript.

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

vấn đề là lỗi chính tả bên trong thuộc tính type, sau đó tôi đã thay đổi thành:

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

và nó hoạt động trơn tru đối với tôi, đôi khi vấn đề rất nhỏ nhưng ảnh hưởng lớn hơn.


0

Trong trường hợp của tôi, vấn đề là các tệp JavaScript mà tôi đã tải mất nhiều thời gian hơn (khoảng 5 phút) nên tôi có ấn tượng rằng chúng hoàn toàn không được tải. Tôi đã thấy điều này xảy ra khi tải dự án cục bộ sau một thời gian dài. Khi chúng được tải, chúng sẽ ở trong bộ nhớ ngay cả sau khi tôi làm mới trang.

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.