将jQuery功能添加到浏览器

时间:2011-06-28 00:53:44

标签: jquery browser autoload

有时我需要删除网页上的某些元素或使用Javascript命令在该页面上执行某些jQuery函数,或者只使用javascript:doSomething;void;的地址栏。

但是后来我发现我可以使用 jQuerify bookmarklet将jQuery添加到页面中:http://www.learningjquery.com/2006/12/jquerify-bookmarklet

我是否有可能在任何页面上自动在浏览器中加载jQuery环境? (我的意思是不使用该bookmarklet并且每次都加载相同的jquery-latest.js。)

感谢。

2 个答案:

答案 0 :(得分:4)

你可以使用类似这样的Greasemonkey脚本:

var $;

// Add jQuery
    (function(){
        if (typeof unsafeWindow.jQuery == 'undefined') {
            var GM_Head = document.getElementsByTagName('head')[0] || document.documentElement,
                GM_JQ = document.createElement('script');

            GM_JQ.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
            GM_JQ.type = 'text/javascript';
            GM_JQ.async = true;

            GM_Head.insertBefore(GM_JQ, GM_Head.firstChild);
        }
        GM_wait();
    })();

// Check if jQuery's loaded
    function GM_wait() {
        if (typeof unsafeWindow.jQuery == 'undefined') {
            window.setTimeout(GM_wait, 100);
        } else {
            $ = unsafeWindow.jQuery.noConflict(true);
            letsJQuery();
        }
    }

// All your GM code must be inside this function
    function letsJQuery() {
       /* Execute stuff here */
    }

答案 1 :(得分:2)

您可以安装greasemonkey并自动在任何页面上运行自定义脚本。