早期的網站很流行放上訪客計數器(Counter),展示今天一共有多少使用者造訪網頁,多半是透過一段圖片語法就能做到,後來逐漸轉變為 JavaScript 格式以提供更多功能,當然另一方面也能獲取更完整資訊。現今大多數都是透過流量統計工具來收集訪客紀錄,再使用圖表進行一些精確、技術層面的分析,以開發更多的訪客群眾或是改善網站本身的問題,流量就好比是各家網站的秘密,一般情況下可能不會顯示於網站上。
網頁工具
WordPress Security Scanner 掃描你的網站是否有已知弱點
Typehut 最簡單的內容發佈工具,支援 Markdown 語法可自訂網址
EasyScreenOCR 線上辨識圖片轉為純文字輸出,支援中文等十一種語言
Who Can Use 檢查網頁配色對視力障礙使用者友善程度

全球資訊網協會(World Wide Web Consortium,W3C)制定的網頁內容無障礙指南相信大家不陌生,網頁內容無障礙指南(Web Content Accessibility Guidelines,WCAG)用於讓網頁可以更容易被訪問,藉由這些原則,讓內容能夠被廣大的身心障礙人士使用,其中涉及到可感知性、可操作性和可理解性等各種層面。
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌(Chrome 擴充功能)
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具,這些服務多半不需要額外下載軟體,輸入網址就能建立網頁截圖,有些還能選擇要用的裝置類型或解析度大小,對於檢查自適應網頁設計(Responsive Web Design)網站呈現效果來說會很有用,有時候也可能用來備份網頁內容,像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片,或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。
CSSgram 以 CSS 和 Sass 編寫而成 Instagram 濾鏡效果
ScreenDump 自適應網頁設計測試工具,預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題,都會針對 User Agent 提供不同的頁面版本,例如在手機存取時會直接切換到「行動版」網頁,若以電腦開啟則是跳轉一般網頁,這麼做的好處是一般行動裝置會使用速度較慢的行動網路,行動版就能盡量減少網頁大小,讓瀏覽者有更好的使用體驗,不過缺點也顯而易見,就是得同時維護網頁不同版本,無形間增加更多時間成本。
URLVoid 從超過 30 個檢測引擎檢查網頁安全,避免誤入詐欺或惡意連結
想知道瀏覽的網站安全與否,各家掃描引擎都有自己的黑名單,最有名的就屬 Google Safe Browsing,而這份名單除了 Google 搜尋會使用,也提供給 Google Chrome 和各家瀏覽器業者,因此能在發現問題網站時立即阻擋封鎖以避免使用者前往。不過有時候也會遇到已經被回報但還未處理的惡意鏈結,最常見的像是釣魚網站、首頁綁架、安裝惡意程式等防不勝防,只能在每次打開網站前再三確認真偽。