Không thể thấy mã được tải động trong Công cụ dành cho nhà phát triển Chrome 22

Question

Khi tôi tải động một đoạn mã html chứa javascript qua AJAX, tôi không thể thấy nội dung đó trong tab nguồn trong cửa sổ công cụ dành cho nhà phát triển trong Chrome 22.0.1229.94. Đáng chú ý, tôi đi đây

https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints#js_dynamic

Trang này cho thấy một ví dụ cửa sổ công cụ phát triển đó là hết hiệu lực. Có một nút trên trang để tải một tập lệnh động và nó không hiển thị trong tab nguồn khi bạn làm.

Là một công việc xung quanh, tôi đã tìm thấy rằng việc thêm

debugger; 

để kịch bản và tải lại nó sẽ gây ra nó để tạm dừng trong các mã nạp tự động, nhưng thật không may, tất cả các số dòng là màu xám và bạn không thể đặt bất kỳ điểm ngắt nào trong trình gỡ lỗi.

Tôi có thiếu gì đó ở đây hay không?

Cảm ơn, Rob

Answer 1

Bạn có thể sử dụng // @ sourceURL. Chrome dường như không hỗ trợ // @ sourceURL cho tập lệnh nội tuyến. Tuy nhiên, nó hoạt động trên các biểu thức eval. This article cung cấp thêm thông tin chi tiết về cách đặt tên cho các khối eval và đặt tên của bất kỳ hàm ẩn danh nào trong mã của bạn.

Thay vì sử dụng eval, bạn có thể thử nhúng một thẻ tập lệnh hoặc JSONP có thể.

Varunkumar Nagarajan

Answer 2

Khi bạn sử dụng một thư viện hoặc mã javascript mà bạn đã tải nó tự động, bạn có thể sử dụng cụm từ

//@ sourceURL=foo.js 

vào đầu mã javascript của bạn mà foo.js là tên sẽ được chỉ định. trình gỡ rối sẽ hiển thị nó với tên đó. Điều này đúng trong chrome, và tôi cũng nghĩ trong firebug. Trong trường hợp này, bạn có thể đặt điểm ngắt trong mã javascript được nạp động.