Có cách nào để tải tệp JS cục bộ không?

Question

Vì mục đích phát triển, tôi muốn có thể dễ dàng tải các tập lệnh được lưu trữ cục bộ vào trình duyệt thay vì phải sao chép-dán vào bảng điều khiển.

Tạo phần tử <script> mới không hoạt động, lỗi này cung cấp lỗi Not allowed to load local resource: file://.... (trong Chrome).

Ngoài ra, việc tạo một người dùng sẽ không hoạt động - tôi phải cài đặt lại nó mỗi khi tôi thực hiện chỉnh sửa.

Có cách nào khác để dễ dàng tải tập lệnh cục bộ qua dấu trang/etc không?

Answer 1

Trong Chrome, bạn có thể tạo một phần mở rộng chứa tất cả của các tệp cục bộ mà bạn cần tải. Nó sẽ làm cho tập tin của bạn truy cập qua chrome-extension://... thay vì file://...

Tạo một file có tên manifest.json trong một thư mục mới và điền nó với:

{ 
    "name": "File holder", 
    "manifest_version": 2, 
    "version": "1.0", 
    "web_accessible_resources": ["test.js", "other.js", "yetanother.js"] 
} 

Sau đó, đặt tất cả các kịch bản bạn muốn tải ở chỗ thư mục mới và đảm bảo chúng được bao gồm trong danh sách kê khai web_accessbile_reources. Tải tiện ích mở rộng bằng cách truy cập chrome://extensions, bật Developer Mode và chọn thư mục mới với Load unpacked extension....

Giờ đây, bạn có thể truy cập tất cả các tệp trong thư mục tiện ích của mình bằng cách sử dụng chrome-extension://[app_id]/[file_name], trong đó "app_id" là băm được liệt kê cho tiện ích mở rộng trên trang chrome://extensions. Lưu ý rằng vì các giao thức và tên máy chủ khác với nơi bạn đã thực hiện công việc thực tế của mình (trừ khi bạn quyết định thực hiện tất cả sự phát triển của mình trong thư mục tiện ích mở rộng có thể chấp nhận được), tài nguyên tiện ích mở rộng là tên miền chéo và chỉ có thể được tải qua thẻ <script>.

Bây giờ từ giao diện điều khiển, bạn có thể làm:

var s = document.createElement("script"); 
s.src = "chrome-extension://aefigdoelbemgaedgkcjpcnilbgagpcn/test.js"; 
document.body.appendChild(s); 

(Giả sử tập tin của bạn là test.js và id ứng dụng của bạn là aefigdoelbemgaedgkcjpcnilbgagpcn.)

Đó là một chút khá gõ, tôi biết, nhưng có lẽ bạn có thể lưu trữ phần chrome-extension://[app_id] dưới dạng biến viết tắt?

Answer 2

Các bạn đã thử một đường dẫn tương đối từ trang của bạn để js tập tin liek của bạn như vậy ...

src = '/ js/javascript.js'

Answer 3

Đáng buồn thay, Chrome doesn't allow you to load local files via AJAX; tuy nhiên, bạn có thể giải quyết giới hạn này bằng cách khởi chạy trình duyệt với cờ --disable-web-security (chi tiết thay đổi theo từng hệ điều hành máy chủ).