Downdetector 即時監測 FB、IG 等常用服務是否異常或無法連線

Downdetector 即時監測 FB、IG 等常用服務是否異常或無法連線

臉書 Facebook 在台灣 4 日深夜無預警大當機,造成全球使用者無法連線,因為這次影響範圍很廣,而且還是很離奇、複雜的網域名稱伺服器(DNS)問題,連帶造成旗下服務像是 Instagram、Messenger 和 WhatsApp 都無法正常開啟,而且一時半刻還難以修復,持續近六小時才將系統大致恢復到可以運作的狀態。

ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果

ILoveAdaptive 線上測試回應式網頁設計在不同裝置呈現效果

現在製作網站、部落格或網路服務時都會考慮到行動裝置用戶,因為智慧型手機已經普及,很多人在工作以外的時間甚至很少使用電腦,讓不同螢幕大小的裝置都能正常瀏覽非常重要。以往會將網站區分為電腦版或手機版,使用不同的版型設計,好處是開發上比較簡單,這幾年流行使用回應式網頁設計(Responsive Web Design,簡稱 RWD),讓網頁在不同裝置上瀏覽時可以對應不同解析度而有適合的閱讀效果。

Monitor Buddy 可信賴的網站監測服務,提供免費用戶五個監控目標

Monitor Buddy 可信賴的網站監測服務,提供免費用戶五個監控目標

如果要自己監測網站正常運作時間(Uptime monitoring)不是一件容易的事,又或者可以說不會很省錢,因此比較簡單的做法是找到網站監測服務提供商,選擇一個符合自身需求的方案價格。一般來說,網站監測工具會依照監控數量、監控時間頻率、監測節點和附加功能定價,通常會有 Email 警報功能,若是需要以簡訊或電話等方式接收通知也可選擇有提供這項服務的監測公司。

Pingbreak 簡易網站監控服務,可設定間隔一分鐘無監測數限制

Pingbreak 簡易網站監控服務,可設定間隔一分鐘無監測數限制

剛介紹完「Freshping 免費網站監測服務,每分鐘檢測伺服器可否正常連線」後,再來分享一個我找到的免費監測服務,就如同前一篇文章所說,網站監測多半都是付費服務,但也會有兼具免費和付費方案的情形,而在差異上主要是可監測網站數量、時間間隔或是可使用的監測節點數不同,如果是一般個人網站,沒有額外預算使用付費方案的話,其實免費方案搭配上 Email 警報通知就已經夠用。

Freshping 免費網站監測服務,每分鐘檢測伺服器可否正常連線

Freshping 免費網站監測服務,每分鐘檢測伺服器可否正常連線

常見的網站監測服務大多會分為免費和付費方案,主要差別在於可監測的網站或伺服器數量、測試間隔時間、可使用的監測節點數或是細部功能,像是在無法連線時利用手機簡訊或撥打電話發送警報通知就是付費功能,一般免費方案只能使用 Email 或是串連其他的即時通訊軟體。如果沒有額外預算使用付費監測工具,免費版也聊勝於無,之前介紹的 Uptime RobotMontasticUpdown.ioJetpack Monitor 都是不錯的選擇。

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive ViewerScreenDump 或是 Responsive Screenshots

Who Can Use 檢查網頁配色對視力障礙使用者友善程度

Who Can Use 檢查網頁配色對視力障礙使用者友善程度
Copyright : Alexey Sinelnikov / 123RF Stock Photos

全球資訊網協會(World Wide Web Consortium,W3C)制定的網頁內容無障礙指南相信大家不陌生,網頁內容無障礙指南(Web Content Accessibility Guidelines,WCAG)用於讓網頁可以更容易被訪問,藉由這些原則,讓內容能夠被廣大的身心障礙人士使用,其中涉及到可感知性、可操作性和可理解性等各種層面。

Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌(Chrome 擴充功能)

Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌(Chrome 擴充功能)

如果要讓行動裝置正常瀏覽網頁,可以另外製作手機版頁面或是透過自適應網頁設計(Responsive Web Design,簡稱 RWD)技術來調整版型,那麼要怎麼知道一個網站有沒有支援 RWD 呢?最簡單的方法就是拖曳調整視窗大小,看看網頁是不是在寬度較窄時仍可正常顯示,例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型,但每個裝置大小都有差異,若沒辦法同時擁有這麼多裝置進行測試,其實透過一些電腦上的工具也能達到相同效果。

Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具

Screenshot Machine 將網頁畫面擷取轉為圖片或 PDF 免費工具

免費資源網路社群介紹過不少製作、產生網頁擷圖的線上工具,這些服務多半不需要額外下載軟體,輸入網址就能建立網頁截圖,有些還能選擇要用的裝置類型或解析度大小,對於檢查自適應網頁設計(Responsive Web Design)網站呈現效果來說會很有用,有時候也可能用來備份網頁內容,像是 Web-Capture 線上網頁快照服務輸入網址就能完整擷取網頁轉圖片,或是 Screenshot GuruFull Page Screen Capture 都能透過瀏覽器建立網頁擷圖。

Site Kit by Google 官方 WordPress 外掛開放下載,常用站長工具整合網站

Site Kit by Google 官方 WordPress 外掛開放下載,常用站長工具整合網站

去年底 Google 提出 Site Kit 外掛的想法,經歷將近一年的開發和測試,在十月底終於宣布讓所有 WordPress 站長免費下載!Site Kit by Google 是相當令人興奮和期待的產品,主要原因是這是 Google 官方在 WordPress 獨立推出的第一支外掛程式(顯示 WordPress 在網路上具有極大的影響力),整合 Google 旗下網站管理員會用到的相關功能,讓數據直接放進網站控制台,無論對於網站管理者、開發者、代理商或虛擬主機提供商來說都是非常實用的工具。