Công cụ dành cho nhà phát triển Chrome: Hỗ trợ đoạn mã là gì?

Kể từ phiên bản 19, Trình kiểm tra web của Chrome có một tính năng thử nghiệm được gọi là "hỗ trợ đoạn mã". Đây là cách kích hoạt nó:

1. Mở chrome: flags, bật "Thử nghiệm Công cụ dành cho nhà phát triển", khởi động lại.

2. Mở Trình kiểm tra web (Công cụ dành cho nhà phát triển), nhấn vào biểu tượng bánh răng cài đặt ở góc dưới bên phải, bật "Hỗ trợ đoạn mã", khởi động lại.

   

3. Mở bảng Scripts, nhấp vào biểu tượng "cây điều hướng" ở bên trái và tìm tab Đoạn mã trống.

   

Câu hỏi của tôi là: Tôi có thể sử dụng cái này để làm gì? Làm cách nào để điền thông tin này bằng các đoạn mã?

Tóm lại, đoạn mã là một bảng điều khiển nhiều dòng, một quy trình phát triển JS lặp đi lặp lại và một kho lưu trữ liên tục cho những người trợ giúp gỡ lỗi thông thường.

Develop.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets

Một số trường hợp sử dụng mà Snippets có thể trợ giúp là:

• Bookmarklet - tất cả bookmarklet của bạn có thể được lưu trữ dưới dạng đoạn trích, đặc biệt là những đoạn bạn có thể muốn chỉnh sửa.
• Tiện ích - trình trợ giúp gỡ lỗi để tương tác với trang hiện tại có thể được lưu trữ và gỡ lỗi. Có sẵn một danh sách do cộng đồng tuyển chọn về các tiện ích như vậy.
• Gỡ lỗi - Đoạn mã cung cấp một bảng điều khiển nhiều dòng với tính năng làm nổi bật cú pháp và tính bền vững, giúp thuận tiện cho việc gỡ lỗi mã hơn là một lớp lót.
• Mã vá lỗi khỉ - mã bạn muốn vá trong thời gian chạy có thể được thực hiện thông qua Đoạn mã, mặc dù nhiều lần bạn có thể chỉnh sửa trực tiếp mã trong tab Nguồn.

Cuối cùng, cá nhân tôi đã thu thập một vài đoạn mã phổ biến mà bạn có thể đưa vào kho vũ khí của mình: github.com/paulirish/devtools-addons/wiki/Snippets

Để chạy các đoạn mã một cách nhanh chóng, bây giờ bạn có thể làm điều này. Ctrl-Shift-P cho "bảng lệnh", sau đó xóa lùi và sử dụng a! tiền tố, sau đó nhập bất kỳ tên đoạn mã nào bạn muốn chạy.

Tôi hỏi Paul Ailen liệu anh ấy có biết gì về nó không, anh ấy cũng không chắc lắm nhưng nói rằng nó vẫn chưa được triển khai hoàn toàn và chỉ tôi vào trình theo dõi lỗi, tôi tìm thấy vé đầu và nhìn vào một số mã mà các khác biệt có rất nhiều FIXME: To be implemented.bình luận.

Nhấp chuột phải để tạo một cái mới.

Hỗ trợ đoạn mã Công cụ nhà phát triển Chrome cho phép tạo / chỉnh sửa / lưu và thực thi các đoạn mã javascript.

Tôi không thể để kích hoạt mà thí nghiệm bản thân mình (không có Developer Tools experimentstrong tôi chrome:flags, nhưng từ Safari, tôi thấy này giải thích:

Nói tóm lại, nó "là một tiện ích nhỏ cho phép bạn nhập các khối HTML và CSS và hiển thị ngay lập tức".

Từ bài đăng trên blog, có vẻ như nó đang gặp lỗi trong Safari, vì vậy có thể Chrome chưa triển khai nó.

Bạn có thể tìm thấy danh sách các đoạn mã hữu ích tại đây http://bgrins.github.io/devtools-snippets/

một trong những đoạn mã hữu ích là 'jquerify.js' - Sử dụng đoạn mã này, bạn có thể đưa jQuery vào bất kỳ trang nào nếu nó chưa được bao gồm.