Web Developer等三款網頁開發相關擴展

概要

有些時候，在瀏覽某些網站時，可能想多了解一些此網站相關的資訊，像IP位址、服務器所在國別……；或者想了解網頁表單其中的結構；或是遇到某些網頁做了不可複製文字內容的限制而想解除這些不便限制。有一些擴展可以協助使用者達成這類工作，以下簡單介紹幾個與網站資訊、網頁開發相關的擴展：

• Flagfox
• Broken Link Checker
• Web Developer

Flagfox

筆者最初使用Flagfox的最主要目的是想了解所瀏覽網站的服務器所在的國家，這擴展裝好後會在網址列出現一個國旗圖示，它同時也是Flagfox命令按鈕，對它按右鍵可顯示快捷命令選單。它不僅僅只是顯示服務器所在國的國旗而已，它還有一些與網站安全、診斷工具、翻譯語言……多種功能，甚至還可以建立自己的自訂動作。

如果想了解某網站的一般資訊，像IP位址、網域資訊，Flagfox能方便讓使用者查到這方面資料。

Broken Link Checker

Broken Link Checker，顧名思義，其作用就是用來檢查目前所瀏覽網頁中的連結，可列出其中失效的連結。有時候看到某個網頁上列了不少讓你覺得相當有價值的資源連結，但可能這多年前做的網頁已年久失修，其中的連結或許有不少已失效。你肯定不想逐一手工去測試這些連結是否還有效，那麼可以利用Broken Link Checker幫你辦好這件事。

另外再提一種使用場景：你的瀏覽器書籤中已有上百筆記錄，有些放很久的有可能失效了，你想找出其中少許幾個失效的並將其逐一刪除。是有檢查失效書籤的擴充套件，但你又不想多額外安裝一個不是很常使用的元件，那麼，可以把書籤匯出成HTML檔，用瀏覽器打開它，使用Broken Link Checker找出失效連結。

安裝好Broken Link Checker後，要使用時，建議勾選“釘選至工具列”以方便使用，不用時將勾選取消以節省工具列空間。畢竟這工具不是天天用，平常隱藏，要用時才顯示即可，一些不會頻繁使用的擴展，皆可比照此法辦理。

Web Developer

Web Developer提供了一些與網頁開發有關的工具。現代的瀏覽器都已內建了網頁開發者工具，方便網頁開發人員查看網頁的結構方式。這個Web Developer則是提供另一種視角與方式來查看網頁的內容，再者，它還有其他許多功能，像停用某些CSS、顯示Cookie、隱藏圖片……，這些主要是給網頁開發人員使用的工具。當然，如果你知道如何運用這些工具，也是可以用在別的用途。

有時候，偶而會遇到某些網頁做了些限制，像禁止按右鍵，或是禁止選擇、複製文字。這些限制往往是利用HTML、JavaScript或是CSS來達成，如果你不喜歡這些限制，可以試試利用Web Developer做些調整，必要時再配合NoScript來解除這些限制。你若不想那麼費心，別忘了〈Violentmonkey與相關腳本〉中也有提到個腳本可達成此工作。

結語

本文介紹的三個擴展，一般使用者可能比較不會用到，前二者的使用較為簡單，Web Developer則需要具備某些程度的網頁開發知識才能正確使用。每個工具軟體有其原始設計的用途，若是懂得活用的話，也可以套用在新穎的用途上，以上只是提列幾個使用情景供參考，看倌可自行靈活運用。