Công cụ phát triển Chrome: [VM] tệp từ javascript

Tôi đã thêm một điểm dừng trong tệp javascript của mình (jaydata.js) và đang nhấn "Bước qua cuộc gọi chức năng tiếp theo." Khi nó đến một dòng đó là:

},

một tệp khác có tiêu đề "[VM] (8312)" xuất hiện. Tôi tiếp tục nhấp vào "Bước qua cuộc gọi chức năng tiếp theo" và bây giờ màn hình của tôi là:

Những kịch bản kỳ lạ và bí ẩn này có tiêu đề "[VM] (XXXX" và chúng đến từ đâu?

[VM] (scriptId)không có ý nghĩa đặc biệt. Đó là một tên giả để giúp chúng tôi phân biệt mã không được liên kết trực tiếp với tên tệp, chẳng hạn như mã được tạo bằng evalvà bạn bè.

Trong quá khứ, tất cả các kịch bản này chỉ được dán nhãn (program).

Nếu bạn quan tâm, chỉ cần tra cứu "[VM]"mã nguồn của Chromium , bạn sẽ phát hiện ra rằng những con số này không có ý nghĩa quan trọng bên ngoài các công cụ dành cho nhà phát triển.

cập nhật 2015-06-25

[VM] (scriptId)đã được đổi tên thành VMscriptId một thời gian trước đây và đây là liên kết trực tiếp đến kết quả tìm kiếm trong trường hợp giá trị thay đổi một lần nữa.

Bất cứ khi nào bạn tải nội dung HTML thông qua AJAX và nội dung đó chứa <script>các thẻ, tập lệnh sẽ được đánh giá bằng cách sử dụng eval () và được nhận dạng bởi chế độ xem Nguồn của Chrome dưới dạng tệp mới bắt đầu bằng 'VM'. Bạn luôn có thể chuyển đến tab Mạng, tìm yêu cầu AJAX và xem toàn bộ phản hồi HTML, bao gồm cả tập lệnh của bạn.

Khi sử dụng eval, javascript sẽ bị ném vào máy ảo gỡ lỗi Chrome. Để xem js được tạo bằng eval trong Nguồn gỡ lỗi Chrome, hãy đặt thuộc tính này ở cuối (cảm ơn Splaktar) của js:

//@ sourceURL=dynamicScript.js

Có thể gỡ lỗi JavaScript tải động bằng một số trình gỡ lỗi như WebKit, FireBug hoặc IE8 Developer Tool không?

Nếu bạn muốn gỡ lỗi các tệp JS được lập trình trong chrome, bạn có thể sử dụng debugger;câu lệnh, điều này nhanh hơn việc tìm kiếm tập lệnh của bạn ở đâu và cũng nhanh hơn so với việc tạo một tệp có nguồn .

Nó hoạt động như một điểm dừng và tự động xác định chính xác mã của bạn trong tab nguồn chrome bất cứ nơi nào bạn sử dụng debugger;câu lệnh.

Lưu ý rằng nguồn của tập lệnh là tệp VMXXX.

Tôi thấy VM được tạo từ một số tiện ích mở rộng của Chrome - họ chèn CSS / JS vào trang và Chrome sử dụng các tệp VM để chạy nó.

Khi bạn gỡ lỗi một nguồn cửa sổ con (iframe) mà sau đó được tải, tệp nguồn của bạn cũng sẽ nhận được tiền tố VM và nền màu vàng.

Tôi gặp vấn đề tương tự. Vấn đề là mã ứng dụng của tôi được coi là hộp đen một cách tình cờ. Khi tôi cố gắng bước vào mã, nó tiếp tục mở các VMXXXXtab này .

Sau khi xóa cài đặt hộp đen cho tệp js của ứng dụng, tôi có thể chuyển thành công mã của mình.

để ngăn chặn điều này

(function ()
 {
  var originalEval = eval;
  eval =
   function (script)
   {
    return originalEval(script + "\n//# sourceURL=blackbox-this.js");
   }
 }());

Và sau đó hộp đen ^.*blackbox-this.js$

Tương tự đối với setInterval / setTimeout khi nó nhận được một chuỗi (nhưng dù sao đó cũng là một cách làm tồi tệ phải không?))

Điều đó có làm việc cho bạn?

Tôi đã có cùng một vấn đề khi tôi gỡ lỗi ứng dụng góc cạnh của tôi. Nhìn thấy quá nhiều tập lệnh VM không thể được hộp đen thực sự mất nhiều thời gian để gỡ lỗi. Tôi thay vì chọn mozilla / IE explorer để gỡ lỗi.