应贵总要求,把当初学习谷歌浏览器插件时,看到的直接通过js脚本插件在其他网站上插入按钮、事件等。
主要步骤如下:
- 确保脚本是已*.user.js 命名;
- 浏览器支持此脚本,google无需其他多余的处理,火狐需要增加Scriptish或者greasmonkey;
- 将你写好的引入浏览器,访问你需要变更的网站即可。
注:以前谷歌版本是直接将脚本文件拖入即可,现在需要点开扩展程序并选上开发组模式
// ==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' οnclick='javascript:alert(\"打开google\")' target='_black' style='cursor:pointer;'><p style='color:red;font-weight: bolder;'>白日依山尽</p></a>"); notify("欢迎你", 5000); }); }, true); |
效果如下:注意,右下角的现在唯谷歌支持,是个桌面通知功能
通过该功能可以灵活的按照你的意志更改、增加你需要的页面。火爆的12306插件实际就是大实践者。
to 贵总 你可以天马行空干坏事了