Search

5/15/2007

greasemonkey script: birdegg's search engine highlighter

靈感是來自於這邊:wordpress有個套件,假如我在google搜尋某些關鍵字到了某站,有裝這個套件的某站會自動把使用者下的關鍵字 highlight 起來,以下的 Greasemonkey script 就是在模擬這個功能,所有站都可以適用。點此安裝

TODO:
1. 加入別的搜尋引擎,目前是 google only
2. 修正版面亂掉的問題
3. 做成一個bookmarklet版本似乎比較好
4. 加入取消效果的機制

以下範例是在 google 搜尋 ppk javascript 進入第二個搜尋結果,使用前:
ppk2

使用後:
ppk1

// ==UserScript==
// @name birdegg's search engine highlighter
// @namespace http://chunghe.blogspot.com
// @description highlight the keyword
// @include *
// @exclude http://www.google.tld/*
// ==/UserScript==

(function(){
if(document.referrer.indexOf('google')<0) return;

var b = document.body.innerHTML;
var r = document.referrer.split('&');

for(var i=0; i<r.length && (r[i].indexOf('q=')<0); i++);
var k = r[i].substring(2).split('+');
for(var j=0; j<k.length; j++){
// the second argument of replace function can be a function !
document.body.innerHTML = document.body.innerHTML.replace(new RegExp(k[j], 'gi'), function(w){
return '<span style="background:yellow;">'+w+'</span>';
});
}
})();

沒有留言: