万能的网页脚本植入【天马行空实现你的要求】

    应贵总要求,把当初学习谷歌浏览器插件时,看到的直接通过js脚本插件在其他网站上插入按钮、事件等。

主要步骤如下:

  1. 确保脚本是已*.user.js 命名;
  2. 浏览器支持此脚本,google无需其他多余的处理,火狐需要增加Scriptish或者greasmonkey;
  3. 将你写好的引入浏览器,访问你需要变更的网站即可。

注:以前谷歌版本是直接将脚本文件拖入即可,现在需要点开扩展程序并选上开发组模式



// ==UserScript==
// @name             白日依山尽 For Firefox&Chrome
// @namespace        http://brysj.com
// @author            brysj
// @developer        X
// @contributor        
// @description        白日依山尽 :-)
// @match            http://www.baidu.com/*
// @icon            http://www.12306.cn/mormhweb/images/favicon.ico
// @run-at            document-idle
// @version         0.0.1
// ==/UserScript==

//=======START=======


/**
 * 增加jquery.js
 */
function withjQuery(callback, safe){
    if(typeof(jQuery) == "undefined") {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";

        if(safe) {
            var cb = document.createElement("script");
            cb.type = "text/javascript";
            cb.textContent = "jQuery.noConflict();(" + callback.toString() + ")(jQuery);";
            script.addEventListener('load', function() {
                document.head.appendChild(cb);
            });
        }
        else {
            var dollar = undefined;
            if(typeof($) != "undefined") dollar = $;
            script.addEventListener('load', function() {
                jQuery.noConflict();
                $ = dollar;
                callback(jQuery);
            });
        }
        document.head.appendChild(script);
    } else {
        callback(jQuery);
    }
}

withjQuery(function($){
    $(document).click(function() {
        if( window.webkitNotifications && window.webkitNotifications.checkPermission() != 0 ) {
            window.webkitNotifications.requestPermission();
        }
    });
    function notify(str, timeout, skipAlert) {
        if( window.webkitNotifications && window.webkitNotifications.checkPermission() == 0 ) {
            var notification = webkitNotifications.createNotification(
                "http://www.12306.cn/mormhweb/images/favicon.ico",  // icon url - can be relative
                '古诗三百首',  // notification title
                str
            );
            notification.show();
            if ( timeout ) {
                setTimeout(function() {
                    notification.cancel();
                }, timeout);
            }
            return true;
        } else {
            if( !skipAlert ) {
                alert( str );
            }
            return false;
        }
    }
    function route(match, fn) {
        if( window.location.href.indexOf(match) != -1 ) {
            fn();
        };
    }

    route("www.baidu.com", function() {
        $("#m").after("<a href='http://google.cn' onclick='javascript:alert(\"打开google\")' target='_black' style='cursor:pointer;'><p style='color:red;font-weight: bolder;'>白日依山尽</p></a>");
        notify("欢迎你", 5000);
    });
    
}, true);





效果如下:注意,右下角的现在唯谷歌支持,是个桌面通知功能


通过该功能可以灵活的按照你的意志更改、增加你需要的页面。火爆的12306插件实际就是大实践者。

to 贵总 你可以天马行空干坏事了

你可能感兴趣的:(万能的网页脚本植入【天马行空实现你的要求】)