[教學]如何讓不同的瀏覽器正確安裝並執行使用者腳本 (Userscript)

    隨著 Firefox 擴充套件 :Greasemonkey 的現身, 允許透過腳本的撰寫, 來修改網站 HTLM, Javascript, DOM 等相關資訊,在使用者端替網站顯示界面做修改, 甚至是追加網站本身並未提供的各種輔助功能, 在程式設計師的巧思下, 針對自己的使用需求來撰寫腳本, 並且上傳至Userscript.org 來和其他使用者分享,一方面可以幫助作者找出腳本的設計缺陷, 一方面也可以從使用者建議來補足腳本功能上的不足, 隨著使用者的增加,各家瀏覽器也紛紛透過不同的方式來加入對 Userscript 的支援。

firefox-icone-4497-128.png Firefox
大部分的原生腳本都是在針對 Greasemonkey 在使用 Firefox 的環境下來開發, 對於腳本的支援, 使用者僅需要安裝 Greasemonkey擴充套件即可正常安裝使用者腳本

2010-04-27_184519.png
首先先連上 Greasemonkey擴充套件安裝網頁, 點選圖示來安裝擴充套件

2010-04-27_185121.png
2010-04-27_185417.png
安裝擴充套件後, 連上對應的使用者腳本網頁, 按下”Install” 會跳出 Greasemonkey 安裝視窗, 在倒數完畢之後按下 Install 即可安裝完成

2010-04-27_185629.png
2010-04-27_185745.png
如果需要移除腳本, 只須在 Firefox 狀態列找到小猴子的圖示按下右鍵, 選擇 “Mange UserScripts…”, 然後在管理視窗中選取要移除的腳本, 並勾選移除相關腳本設定資訊, 按下 Uninstall 後, 即可將使用者腳本移除

browser-chrome-google-icone-6222-128.png GoogleChrome / Chromium
Google 瀏覽器的進步, 可說是有目共睹, 最新版本的 ChromeStable 以及 Chromium 都已經內建支援 Userscript, 使用者無須再透過額外設定來開啟對使用者腳本的支援

2010-04-27_185121.png
安裝擴充套件後,連上對應的使用者腳本網頁, 按下 “Install”

2010-04-27_191426.png
2010-04-27_191736.png
這時瀏覽器左下角會跳出提示訊息, 按下 “繼續” 即可安裝使用者腳本

2010-04-27_191658.png
2010-04-27_191850.png
如果需要移除使用者腳本, 開啟瀏覽器本身的擴充功能管理選單, 找到對應的腳本, 按下 “解除安裝”即可

opera-browser-icone-9551-128.png Opera
相較於主流瀏覽器, Opera 的使用族群並不是那麼高,不過輕便快速以及多樣的內建功能, 依然擄獲不少使用者的心, 對於使用者腳本的支援也早就內建其中, 使用者只需要透過簡單的設定即可啟用該功能

2010-04-27_194357.png
開啟瀏覽器後, 在 “工具” 下頭找到 “功能設定”

2010-04-27_194505.png
在 “進階” 分頁下的內容設定中找到 “JavaScript 選項…”

2010-04-27_194648.png
這時指定 Userscript 的存放路徑, 上圖是以 “我的文件” 下頭的 userjs為存放資料夾

2010-04-27_200947.png
這時連上使用者腳本網頁, 將檔案另存新檔到 userjs 目錄下頭, 開啟支援的對應網站時,Opera 會自動啟用腳本功能,

safari-icone-8220-128.png Safari
使用 Mac OS 的使用者, 要正常執行Userscript, 必須先安裝 SIMBL 之後, 再安裝其 Plugin GreaseKit 來管理使用者腳本

greasekit.png

microsoft-internet-explorer-browser-icone-6397-128.png Internet Explorer
至於微軟的瀏覽器,對於使用者腳本的兼容度, 依然有段路要走, 早先提供支援的 Trixie早就乏人維護, 透過像是 IE7Pro 來搭載使用者腳本,成夠成功啟用的腳本依然有限, 目前仍不建議使用 IE 來套用 Userscript

如何知道使用者腳本是否支援瀏覽器種類
2010-04-27_204518.png
由於絕大部分腳本的開發, 都是基於 Greasemonkey API 來撰寫,其他瀏覽器往往會因為自身的限制或者支援度的問題, 無法正常啟用腳本功能, 除了靠腳本作者本身在設計之初就考量到不同瀏覽器的限制,剩下的就只能靠各瀏覽器廠商來修正並提高相容度, 不過對於一些熱門的使用者腳本, 作者也會在網頁上頭註明支援瀏覽器版本,使用者除了靠直接嘗試之外, 可以在網頁描述中找到相關資訊