从bookmarklet加载外部JS?


Answers:


94

2015年更新

内容安全策略将阻止它现在在许多站点中运行。例如,下面的代码在Facebook上不起作用。

2008答案

使用可创建包含外部JS的脚本标签的书签。

作为一个例子:

javascript:(function(){document.body.appendChild(document.createElement('script')).src='** your external file URL here **';})();

1
只是想知道,为什么将它包装在函数调用中,而不是仅仅包含以下内容:javascript:document.body.appendChild(document.createElement('script'))。src ='**您的外部文件URL **';
标记

14
试试看!如果将其保留为javascript:a = b,则会在页面上显示“ b”。除非您通过将代码置于不返回任何内容的函数中或将其传递给void(...)来使代码无效,否则将发生这种情况。
米格尔·文图拉

3
另外,如果原始页面使用全局变量a,则当您在函数中使用它时,a = b不会覆盖它
nico gawenda 2013年

无需设置onload函数即可通知您何时可以在脚本中调用函数???
迈克尔

2
内容安全政策将阻止它在许多站点中正常工作
Michael

4

Firefox和其他可能的支持多行书签,不需要一个衬里。当您粘贴代码时,它只是将换行符替换为空格。

javascript:
var q = document.createElement('script');
q.src = 'http://svnpenn.github.io/bm/yt.js';
document.body.appendChild(q);
void 0;


例如,如果您使用的是Facebook.com,则此方法将无效。
Dan Dascalescu,2015年

0

如果我可以添加在FF和Chrome中测试过的方法(为了便于阅读,请分成多行):

javascript:var r = new XMLHttpRequest();
           r.open("GET", "https://...my.js", true);
           r.onloadend = function (oEvent) {
               new Function(r.responseText)();
               /* now you can use your code */
           };
           r.send();
           undefined

-2

我总是喜欢使用流行的开源项目loadjs

它已通过跨浏览器测试,并具有更多的功能/舒适功能。

因此,代码将如下所示:

loadjs=function(){function e(e,n){var t,r,i,c=[],o=(e=e.push?e:[e]).length,f=o;for(t=function(e,t){t.length&&c.push(e),--f||n(c)};o--;)r=e[o],(i=s[r])?t(r,i):(u[r]=u[r]||[]).push(t)}function n(e,n){if(e){var t=u[e];if(s[e]=n,t)for(;t.length;)t[0](e,n),t.splice(0,1)}}function t(e,n,r,i){var o,s,u=document,f=r.async,a=(r.numRetries||0)+1,h=r.before||c;i=i||0,/(^css!|\.css$)/.test(e)?(o=!0,(s=u.createElement("link")).rel="stylesheet",s.href=e.replace(/^css!/,"")):((s=u.createElement("script")).src=e,s.async=void 0===f||f),s.onload=s.onerror=s.onbeforeload=function(c){var u=c.type[0];if(o&&"hideFocus"in s)try{s.sheet.cssText.length||(u="e")}catch(e){u="e"}if("e"==u&&(i+=1)<a)return t(e,n,r,i);n(e,u,c.defaultPrevented)},!1!==h(e,s)&&u.head.appendChild(s)}function r(e,n,r){var i,c,o=(e=e.push?e:[e]).length,s=o,u=[];for(i=function(e,t,r){if("e"==t&&u.push(e),"b"==t){if(!r)return;u.push(e)}--o||n(u)},c=0;c<s;c++)t(e[c],i,r)}function i(e,t,i){var s,u;if(t&&t.trim&&(s=t),u=(s?i:t)||{},s){if(s in o)throw"LoadJS";o[s]=!0}r(e,function(e){e.length?(u.error||c)(e):(u.success||c)(),n(s,e)},u)}var c=function(){},o={},s={},u={};return i.ready=function(n,t){return e(n,function(e){e.length?(t.error||c)(e):(t.success||c)()}),i},i.done=function(e){n(e,[])},i.reset=function(){o={},s={},u={}},i.isDefined=function(e){return e in o},i}();
loadjs('//path/external/js', {
    success: function () {
        console.log('something to run after the script was loaded');
    });
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.