覺得某個網站的介面太鳥、功能太少,馬上可以自己動手改造成自己想要的樣子,這是多麼爽快的事。Greasemonkey提供了針對不同的網站/網頁時啟動專屬Javascript的功能,專屬的Javascript可以直接取存該網頁的DOM,用DHTML的技巧改變某個Element、或加上自己寫的華麗輔助UI。(換個角度想,你的網站如果都只靠Javascript來做安全管控,這下就慘了)
以下我就做個最簡單的示範。例如: 雖然我們都知道按著Shift點IE中的Link可以另開新視窗檢視,但有時連動雙手都覺得懶(例如另一手忙著拿筷子吃便當時),若直接在每個Link後方多加一個另開新視窗的Link,就可以省下按Shift的動作。如下圖,我就對Google的Search結果網頁做了手腳:
Script的寫法很簡單,安裝好Trixie,將這段Code另存成Blah.user.js到C:\program files\Bhelpuri\Trixie\Scripts預設就會被啟用。
// ==UserScript==
// @name Google查詢結果以新視窗開啟
// @namespace http://www.darkthread.net
// @description 為每一條Google查詢結果新增一個新視窗開啟的連結
// @include http://www.google.com.tw/search*
// ==/UserScript==
(function()
{
var hyperlinks = document.getElementsByTagName("a");
for (var i = 0; i < hyperlinks.length; ++i)
{
var node = hyperlinks[i];
if (node.className=="l")
{
var newLink = document.createElement("a");
newLink.href = node.href;
newLink.target = "_blank";
newLink.innerText = "【在新視窗檢視】";
var newSpan = document.createElement("span");
newSpan.style.fontSize = "9pt";
newSpan.innerHTML = newLink.outerHTML;
node.insertAdjacentElement("afterEnd", newSpan);
newSpan.insertAdjacentText("beforeBegin", " ");
}
}
})();