Chrome DevTools tìm kiếm tất cả các tệp javascript trong trang web

Question

Tôi đang làm việc trên trang web của khách hàng mới tải Javascript từ CDN để Javascript không được nhúng hoặc nội tuyến với nguồn trang web. Tôi muốn tạm dừng mọi getCurrentPosition() được thực hiện để xác định JS bên ngoài nộp nó được chứa trong.

Tôi nhận ra tôi có thể sử dụng các công cụ khác để thực hiện tìm kiếm chuỗi thông qua các nội dung của các tập tin JS nhưng tôi sẽ thay vì giữ các công cụ gỡ lỗi của Chrome.

Tôi có nên cố gắng tạo biểu thức đồng hồ hoặc có cách nào khác để ghim xuống khi nào và ở đâu một chức năng JS nhất định được kích hoạt không?

Answer 1

Bạn có thể tìm kiếm trong tất cả các tệp bằng Chrome DevTools. Tìm chức năng và sửa lỗi của bạn nó:

1. mở DevTools (F12)
2. Đến tab nguồn
3. mở Search All Files bằng cách nhấn ctrl + shift + f (Win) hoặc cmd + option + f (Mac)
4. Tìm kiếm getCurrentPosition
5. Đặt điểm ngắt (Bằng cách nhấp vào số dòng ở bên trái của dòng)

Answer 2

Một cách là thay thế phương thức Geolocation.getCurrentPosition bằng chức năng trình bao bọc để bạn có thể đặt điểm ngắt bên trong nó, sau đó kiểm tra ngăn xếp để xem ai đang gọi nó.

Answer 3

Nếu bạn biết nơi mã được gọi là bạn có thể set breakpoints. Điều này sẽ tạm dừng thực thi javascript trong thời gian chạy và cho phép bạn nhận được một dấu vết ngăn xếp.

Answer 4

Bạn có thể tìm thấy tất cả các thông tin mà bạn cần tại trang web: https://developer.chrome.com/devtools/docs/javascript-debugging

Bởi chỉ cần đặt nó (sao chép từ trang web)

mở một trang web như Google Trang demo thẻ đóng cửa hoặc TodoMVC

1. Mở dưới dạng ite chẳng hạn như trang bản trình bày hovercard Google Closure hoặc ứng dụng TodoMVC Angular

2. Mở cửa sổ DevTools.

3. Nếu chưa được chọn, hãy chọn Nguồn.

Debugging với breakpoint

A breakpoint là một dừng cố ý hoặc nơi tạm dừng trong một kịch bản. Sử dụng các điểm ngắt trong DevTools để gỡ lỗi mã JavaScript, cập nhật DOM và cuộc gọi mạng.

Thêm và xóa điểm ngắt Trong bảng điều khiển Nguồn, mở tệp JavaScript để gỡ lỗi. Trong ví dụ dưới đây, chúng tôi đang gỡ lỗi tệp todoCtrl.js từ phiên bản AngularJS của TodoMVC.

Nhấp vào máng xối đường để đặt điểm ngắt cho dòng mã đó. Thẻ màu xanh sẽ cho biết nếu một breakpoint đã được thiết lập:

Với ví dụ đơn giản trên, bạn thực sự có thể "dừng lại" chức năng getCurrentPosition() và debug nó.

Answer 5

1. công cụ Mở Google Dev (F12)
2. Nhấn Ctrl + p

Trong việc tìm kiếm hộp mở ra cho tất cả các file (JS, CSS, ...).

Trong hộp bạn có 5 lựa chọn:

1. Loại 'filename' và chọn nó.
2. Nhập ': linenumber' để đi đến số dòng cụ thể (': 10' đi tới dòng 10).

3. Nhập '@symbol' để đi đến biểu tượng cụ thể ('@ TestSymbol' chuyển đến biểu tượng TestSymbol).

   Trong tùy chọn này, nếu bạn viết @JSFunctionName hoặc @CSSClassName thì con trỏ sẽ điều hướng đến JSFunctionName hoặc CSSClassName.

4. Nhập '! Snippet' để đi đến đoạn mã cụ thể ('! SnippetTest' chuyển đến snippetTest snippet).

5. Nhập '> googleCommand' để chuyển đến lệnh cụ thể ('> Xóa bảng điều khiển' xóa bảng điều khiển).

Để sử dụng tùy chọn 2-5, hãy chọn tệp.