剛介紹完「Freshping 免費網站監測服務,每分鐘檢測伺服器可否正常連線」後,再來分享一個我找到的免費監測服務,就如同前一篇文章所說,網站監測多半都是付費服務,但也會有兼具免費和付費方案的情形,而在差異上主要是可監測網站數量、時間間隔或是可使用的監測節點數不同,如果是一般個人網站,沒有額外預算使用付費方案的話,其實免費方案搭配上 Email 警報通知就已經夠用。
網站檢測
Freshping 免費網站監測服務,每分鐘檢測伺服器可否正常連線
常見的網站監測服務大多會分為免費和付費方案,主要差別在於可監測的網站或伺服器數量、測試間隔時間、可使用的監測節點數或是細部功能,像是在無法連線時利用手機簡訊或撥打電話發送警報通知就是付費功能,一般免費方案只能使用 Email 或是串連其他的即時通訊軟體。如果沒有額外預算使用付費監測工具,免費版也聊勝於無,之前介紹的 Uptime Robot、Montastic、Updown.io 和 Jetpack Monitor 都是不錯的選擇。
everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果
現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。
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 都能透過瀏覽器建立網頁擷圖。
Site Kit by Google 官方 WordPress 外掛開放下載,常用站長工具整合網站
ScreenDump 自適應網頁設計測試工具,預覽網站在不同尺寸螢幕顯示效果
早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題,都會針對 User Agent 提供不同的頁面版本,例如在手機存取時會直接切換到「行動版」網頁,若以電腦開啟則是跳轉一般網頁,這麼做的好處是一般行動裝置會使用速度較慢的行動網路,行動版就能盡量減少網頁大小,讓瀏覽者有更好的使用體驗,不過缺點也顯而易見,就是得同時維護網頁不同版本,無形間增加更多時間成本。
URLVoid 從超過 30 個檢測引擎檢查網頁安全,避免誤入詐欺或惡意連結
想知道瀏覽的網站安全與否,各家掃描引擎都有自己的黑名單,最有名的就屬 Google Safe Browsing,而這份名單除了 Google 搜尋會使用,也提供給 Google Chrome 和各家瀏覽器業者,因此能在發現問題網站時立即阻擋封鎖以避免使用者前往。不過有時候也會遇到已經被回報但還未處理的惡意鏈結,最常見的像是釣魚網站、首頁綁架、安裝惡意程式等防不勝防,只能在每次打開網站前再三確認真偽。
Is it down? 查看 Google、Facebook、IG 等大型網路服務可否正常連線
每個網站或服務都有出現異常的時候,一般來說,世界級的網站可能比較少發生狀況,畢竟有龐大的硬體和團隊在監控,一旦無法連線,造成的損失可能難以想像,不過偶爾也會看到因為人為疏失而讓網站無法連線,尤其每隔一段時間都會出現一下,就好像連鎖反應。每次遇到無法連線時都先檢查自己的網路是不是發生問題,重新連線 Wi-Fi 是基本功,但最想知道的是其他人能不能正常連線。