臉書 Facebook 在台灣 4 日深夜無預警大當機,造成全球使用者無法連線,因為這次影響範圍很廣,而且還是很離奇、複雜的網域名稱伺服器(DNS)問題,連帶造成旗下服務像是 Instagram、Messenger 和 WhatsApp 都無法正常開啟,而且一時半刻還難以修復,持續近六小時才將系統大致恢復到可以運作的狀態。
網站檢測
Monitor Buddy 可信賴的網站監測服務,提供免費用戶五個監控目標
如果要自己監測網站正常運作時間(Uptime monitoring)不是一件容易的事,又或者可以說不會很省錢,因此比較簡單的做法是找到網站監測服務提供商,選擇一個符合自身需求的方案價格。一般來說,網站監測工具會依照監控數量、監控時間頻率、監測節點和附加功能定價,通常會有 Email 警報功能,若是需要以簡訊或電話等方式接收通知也可選擇有提供這項服務的監測公司。
Pingbreak 簡易網站監控服務,可設定間隔一分鐘無監測數限制
剛介紹完「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 擴充功能)
如果要讓行動裝置正常瀏覽網頁,可以另外製作手機版頁面或是透過自適應網頁設計(Responsive Web Design,簡稱 RWD)技術來調整版型,那麼要怎麼知道一個網站有沒有支援 RWD 呢?最簡單的方法就是拖曳調整視窗大小,看看網頁是不是在寬度較窄時仍可正常顯示,例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型,但每個裝置大小都有差異,若沒辦法同時擁有這麼多裝置進行測試,其實透過一些電腦上的工具也能達到相同效果。
Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具
免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具,這些服務多半不需要額外下載軟體,輸入網址就能建立網頁截圖,有些還能選擇要用的裝置類型或解析度大小,對於檢查自適應網頁設計(Responsive Web Design)網站呈現效果來說會很有用,有時候也可能用來備份網頁內容,像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片,或是 Screenshot Guru、Full Page Screen Capture 都能透過瀏覽器建立網頁擷圖。