Chạy tệp javascript từ không gian làm việc trong công cụ nhà phát triển chrome

Question

Có thể chạy tệp JavaScript mới được tạo trong không gian làm việc cục bộ trong bảng điều khiển công cụ dành cho nhà phát triển chrome không?

Các công việc tôi đang cố gắng để đạt được là một trong những thể hiện trong hình ảnh này:

Tôi muốn để có thể tạo một file mới trong không gian làm việc của tôi, chạy (hoặc yêu cầu hoặc bất kỳ) tệp và có thể sử dụng các hàm và biến của nó trong bảng điều khiển dành cho nhà phát triển Chrome.

Nếu tôi chính xác, điều này có nghĩa là chạy tập lệnh trong ngữ cảnh của trang web và thêm các phương thức và biến vào đối tượng cửa sổ?

Đây có phải là cách để thực hiện điều này không?

Answer 1

Bạn có thể xác định phương thức trong trang của mình để tự động thêm javascript vào trang và sau đó gọi nó từ bảng điều khiển.

Ví dụ, nếu bạn đã có một phương pháp như thế này:

function loadJs(filename) { 
 
\t var tag=document.createElement('script'); 
 
\t tag.setAttribute("type","text/javascript"); 
 
\t tag.setAttribute("src", filename); 
 
\t document.getElementsByTagName("head")[0].appendChild(tag); 
 
}

sau đó bạn có thể sử dụng phương pháp đó từ giao diện điều khiển để tải file javascript của bạn.

Answer 2

Bạn có thể tạo tệp html thuần túy như thế này với tệp javascript của mình trong thẻ tập lệnh.

Sau đó, bạn sẽ có thể nhận được tất cả các phương pháp của mình trong phát triển giao diện điều khiển.

Answer 3

Tôi không thể tìm thấy cách tự động để thêm tệp cục bộ vào ngữ cảnh DOM. Giải pháp tốt nhất mà tôi tìm thấy cho đến nay:

• Mở workspace địa phương của bạn và các tập tin ngay
• Nhấn tổ hợp phím CTRL + a (Chọn tất cả)
• Nhấn tổ hợp phím CTRL + SHIFT + e (thay thế: Nhấp chuột phải với con chuột trên văn bản đã chọn và nhấp vào "Đánh giá trong Bảng điều khiển")

Vâng, điều này không tốt hơn nhiều so với sao chép & dán nhưng bỏ qua một vài lần nhấn phím/lần nhấp chuột.