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?
Comments
Post a Comment