2013-06-19 28 views
8

Người mới sử dụng JavaScript tại đây. Tôi đang xem xét một swath lớn của mã JS bằng cách sử dụng devtools và tôi tự hỏi nếu có một cách dễ dàng để xác định vị trí nơi đóng khung là trên một chức năng. Có một tính năng mà tôi có thể làm nổi bật một khung mở và xác định vị trí của khung đóng nằm ở đâu không?Cách tìm khung JavaScript phù hợp (đóng) trong Chrome Devtools?

+1

Tab "nguồn" có đánh dấu cú pháp. – jeremy

Trả lời

3

Bạn nên sử dụng tab nguồn. Nó có vài nút ở chân, có in đẹp trông như thế này: {} hiển thị JS được định dạng. Khi bạn đặt con trỏ của bạn trên một cú đúp khác (đóng hoặc mở) brace là tự động phù hợp cho bạn.

Đối với các công cụ tìm kiếm mới nhất trong chrome, hãy sử dụng chrome canary.

tham khảo>https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

+0

Tính năng này được bật trong phiên bản Chrome mới nhất (28). – Koterpillar

+0

Có, chrome đã tự động cập nhật được kích hoạt cho tôi và tôi đã sử dụng tính năng này trong một thời gian. Có các tùy chọn khác như plugin 'webdeveloper' và' firebug' cho chrome cũng giúp ích. – thoughtbot

+0

+1. Để xây dựng thêm, cả dấu ngoặc mở và dấu đóng sẽ được gạch chân ** (nghĩa là chúng sẽ có ** dấu gạch dưới bên dưới ** chúng). Ít nhất đây là phiên bản mới nhất của phiên bản hiện tại - Google Chrome Phiên bản 32.0.1700.76 m – informatik01

-2

Theo như tôi biết họ không có cách nào trong các công cụ chrome dev nhưng nếu bạn sao chép và dán mã vào một chương trình như Notepad ++ hay Dreamweaver và đưa con trỏ chuột đến bên phải của một trong các dấu ngoặc sau đó khung tương ứng sẽ được tô sáng.

12

Bạn có thể sử dụng phím tắt chrome devtool. Trước tiên, hãy di chuyển con trỏ bên cạnh khung mở hoặc đóng sau đó làm CTRL + m. Lưu ý điều này cũng làm việc cho dấu ngoặc đơn và dấu ngoặc nhọn.

Để xem tất cả các phím tắt có sẵn, hãy nhấp vào biểu tượng ba dấu chấm ở phía trên bên phải của devtools, sau đó nhấp vào Shortcuts.

+1

Tại sao câu trả lời này không được chấp nhận? –

+0

https://developers.google.com/web/tools/chrome-devtools/shortcuts – emallove

Các vấn đề liên quan