Làm cách nào để truy cập một tệp cụ thể trong Công cụ nhà phát triển Chrome?


97

Tôi đang phát triển một ứng dụng web với cách tiếp cận giao diện người dùng nặng nề. Bằng cách sử dụng Dojo và AMD-way, tôi hiện có các màn hình thử nghiệm có thể dễ dàng tải hơn một trăm tệp javascript khác nhau.

Khi tôi muốn gỡ lỗi cho bất kỳ sự cố cụ thể nào hoặc xác minh xem tôi có thấy phiên bản cũ của một tệp cụ thể hay không, tôi thực sự khó tìm thấy tệp của mình trong tab Nguồn trong Công cụ nhà phát triển Chrome.

Có bất kỳ phím tắt hoặc hành động nào tôi có thể thực hiện cho phép tôi nhập tên tệp và đưa tôi đến nguồn của tệp đó không?


2
Ở dưới cùng bên phải của bảng điều khiển, có một biểu tượng bánh răng. Nhấp vào nó. Trên tab cuối cùng trong cửa sổ cài đặt có một tab phím tắt. Bạn có thể xem các combo chính như câu trả lời.
epascarello

Sử dụng 'Đến tập tin' trong Google Dev Tools (một công cụ linh hoạt và hữu ích với tìm kiếm khả năng về tên hàm, tên lớp trong CSS, ...) 'Đến tập tin' trong Google Dev Công cụ
Iman Bahrampour

Câu trả lời:


142

Khi ở trong tab nguồn, hãy sử dụng CTRL+ O( + Ocho Mac) để tìm kiếm tập lệnh, bảng định kiểu và đoạn trích theo tên tệp.

(sử dụng CTRL+ SHIFT+ Ođể lọc / điều hướng đến hàm JavaScript / quy tắc CSS khi xem tệp)

[ Chrome DevTools Cheatsheet ]


Điều này là tốt để biết! Bạn đã từng (trước Chrome 35?) Có thể bắt đầu tìm kiếm tên tệp bằng cách chỉ cần nhập bằng trình điều hướng tệp trong tab Nguồn có tiêu điểm; thật tốt khi biết rằng họ đã ẩn tính năng này sau một phím tắt thay vì xóa nó hoàn toàn. =)
rakslice

báo trước cho bộ lọc / tìm kiếm là bạn dường như không thể thực hiện các tìm kiếm chính xác hoặc các ký tự đại diện. tìm kiếm .jstrả về bất kỳ tệp nào có a jhoặc a hoặc sa .trong tên tệp: /
worc

15

CTRL+ Phiển thị đầu vào tìm kiếm trong Windows.

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

+ P- trong Mac.

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


2
OPdường như có cùng một hành vi. Tôi tự hỏi nếu một trong những bị phản đối.
isherwood

2

Trong Windows:

Sử dụng CTRL+ SHIFT+ F để tìm kiếm nội dung trong tệp.

Sử dụng CTRL+ SHIFT+ O để tìm kiếm tên tệp.


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.