javascript - Is there any way to load a local JS file dynamically? -

for development purposes, i'd able load locally-stored scripts browser instead of having copy-paste console.

creating new <script> element isn't working, gives not allowed load local resource: file://.... error (in chrome).

also, creating userscript won't work--i'd have re-install every time make edit.

is there alternative way load local script via bookmarklet/etc?

in chrome, can create extension holds of local files need load. make files accessible via chrome-extension://... instead of file://...

make file named manifest.json in new folder , fill with:

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

then, put scripts want load in new directory, , make sure included in web_accessbile_reources manifest list. load extension going chrome://extensions, enabling developer mode, , selecting new folder load unpacked extension....

now can access files in extension directory using chrome-extension://[app_id]/[file_name], "app_id" hash listed extension on chrome://extensions page. note because protocols , hostnames differ you've doing actual work (unless decide development in extension folder, might acceptable you), extension resources cross-domain , can loaded via <script> tag.

now console, can do:

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

(assuming file test.js , app id aefigdoelbemgaedgkcjpcnilbgagpcn.)

it's quite bit type, know, perhaps can store chrome-extension://[app_id] part shorthand variable?