隨著 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 User Scripts...", 然後在管理視窗中選取要移除的腳本, 並勾選移除相關腳本設定資訊, 按下 Uninstall 後, 即可將使用者腳本移除

browser-chrome-google-icone-6222-128.png Google Chrome / Chromium
Google 瀏覽器的進步, 可說是有目共睹, 最新版本的 Chrome Stable 以及 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 來撰寫, 其他瀏覽器往往會因為自身的限制或者支援度的問題, 無法正常啟用腳本功能, 除了靠腳本作者本身在設計之初就考量到不同瀏覽器的限制, 剩下的就只能靠各瀏覽器廠商來修正並提高相容度, 不過對於一些熱門的使用者腳本, 作者也會在網頁上頭註明支援瀏覽器版本, 使用者除了靠直接嘗試之外, 可以在網頁描述中找到相關資訊


創作者介紹

風月無邊

虫二 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

發表留言
  • fonyin
  • 很好的教學喔
    感謝分享
  • 訪客
  • Opera的腳本設定下載都完成但是連上FB卻沒有顯示,是OPERA的版本問題嗎?(12版

  • 基本上像是 FB 這類社群網站改 Code 的頻率非常高,所以在下載 Userscript 的時候要看看作者還有沒有繼續在維護,如果差異過大,通常就沒辦法正常運作,至於是不是 Opera 版本的問題,應該是不至於

    虫二 於 2013/04/27 00:41 回覆