httpstatus.io 快速檢查網站狀態碼、回應標頭和重新轉向情形

最後更新於 2020 年 07 月 07 日

自行架站會遇到各式各樣的狀況,其中很常發生的是要檢查某項功能有沒有正常運作(舉例來說,在 WordPress 網站使用 Cloudflare 外掛建立快取),除了檢查網頁原始碼,大多會透過瀏覽器內建的「開發人員工具」進行各項除錯工作,查看一個網頁究竟載入多少元件檔案,也會檢查相關檔案在使用時從伺服器端回傳的「Response Headers」,這些看起來複雜的資訊代表著某個文件是如何被載入使用,也能找出拖慢網頁速度的原因。

不過只有在本機電腦上測試並不一定夠用,有時也想了解搜尋引擎、行動裝置在瀏覽網站時的情形,以找出一些當前遇到的問題癥結,本文要介紹的「httpstatus.io」是一個我相當喜愛的線上工具,輸入網址後檢查網頁回傳的狀態碼(Status codes),也能找出 Response headers 和跳轉(Redirect)路徑,對於要測試網頁或除錯來說非常有用。

除了可以一行輸入一個網址進行批次檢查,httpstatus.io 另一特色是可選「User Agent」,這通常會提供伺服器端你的相關資訊(例如瀏覽器),在切換後就能模擬搜尋引擎、行動裝置或電腦以測試不同環境下所回傳的網頁資訊,測試結果亦可匯出為 .csv 格式或快速複製。

httpstatus.io 是一個適合用於檢查網站問題的站長工具。

httpstatus.io
https://httpstatus.io/

使用教學

STEP 1

開啟 httpstatus.io 網站,直接輸入要檢查的網址、按下「Check Status」就能看到結果,預設情況下會使用你的瀏覽器做為 User Agent,需要的話可以從右下角選取其他選項,網站有提供包括搜尋引擎爬蟲(Search Engine Bots)、行動裝置、桌面裝置或其他 User Agent。

STEP 2

點選「Settings」可以看到設定頁面,這裡除了選擇 User Agent 外,還有一些驗證、加入自訂的 Request header 或是匯出資料等功能。

其中有一個「Canonical domain」有些人可能會需要用到,當你勾選首頁左下角「Canonical domain check」選項後,httpstatus.io 會一併檢查四個版本的網址(http 或 https 和 www 或 non-www),如果有特殊需求可以在這個選項加入其他的子網域名稱。

STEP 3

查詢結果會顯示請求的 URL、回傳狀態碼(Status codes)、跳轉次數,對一般網站來說,可能會選擇使用 www 或 non-www 的其中一個網址格式,這時候就會將其他非使用的子網域名稱和 http 網址(大部分網站都已使用 https)跳轉到主要網址,檢測結果會有 Redirects 出現。

點開後 httpstatus.io 會告訴你每一個請求網址的跳轉情形,將游標移動到狀態碼也能看到。

STEP 4

httpstatus.io 重點應該是點開檢測結果的詳細資訊,可以看到完整 Response headers,對於網站開發者來說這些資訊很有幫助,特別是在不同裝置或搜尋引擎的檢測結果。這些資訊可以快速複製,或是透過篩選功能來查看特定結果。

STEP 5

另一方面,點選檢測結果的「View Body」還能看到回應頁面的 html 原始碼,如果 headers 部分還無法幫助開發者釐清問題,那麼透過原始碼或許會更容易判斷(原始碼部分還幫使用者高亮處理,也太貼心)。

值得一試的三個理由:

  1. 輸入網址批次檢測網頁回應的狀態碼、跳轉情形
  2. 可選擇不同的 User Agent 進行網站測試
  3. 除了 Response headers 外還能檢視網頁原始碼

 

相關的文章

Hexometer Website Analyzer 分析網站使用那些第三方服務或工具(Chrome、Firefox)

通常一個網站背後是由許多的技術和服務組成,舉例來說,使用 WordPress 做為內容管理系統,再以 Cloudflare 加速並保護網站、對圖片進行分流,透過 Google Analytics 分析流量等資訊,搭配 Google AdSense 和 Google DFP 管理廣告和營利等等,雖然可以直接從原始碼得知網站可能使用那些技術,但也有更快速的查詢工具,像是 SimilarTech 和 WhatRuns 都能立即顯示某個網站使用的第三方服務或程式庫。

WordPress Security Scanner 掃描你的網站是否有已知弱點

全世界有超過 35% 網站使用 WordPress,做為最流行、最多人使用的開放原始碼內容管理系統(CMS),當然要有更高的安全性,WordPress 核心檔案確實非常安全,至少這麼多年幾乎沒看到任何大規模的漏洞或問題出現,但很多時候弱點都是出現在佈景主題或外掛程式,尤其是一些過時、來路不明的程式碼,可能會讓你的網站暴露於危險中。很多站長並不知道問題嚴重性,直到網站被植入惡意代碼,尋求解決方案為時已晚。

ScreenDump 自適應網頁設計測試工具,預覽網站在不同尺寸螢幕顯示效果

早期遇到行動裝置螢幕太小、無法正常瀏覽網站問題,都會針對 User Agent 提供不同的頁面版本,例如在手機存取時會直接切換到「行動版」網頁,若以電腦開啟則是跳轉一般網頁,這麼做的好處是一般行動裝置會使用速度較慢的行動網路,行動版就能盡量減少網頁大小,讓瀏覽者有更好的使用體驗,不過缺點也顯而易見,就是得同時維護網頁不同版本,無形間增加更多時間成本。

Cloudflare Speed 免費網路測速服務,可測網路速度、延遲和抖動情形

受新冠肺炎(COVID-19)疫情影響,許多公司改採在家辦公模式,減少員工在辦公室可能造成的群聚感染風險,也讓網路服務提供業者(ISP)觀察到家用頻寬上升的狀況。另一方面串流影音服務、線上會議服務的使用量也增加許多,Netflix 甚至宣布調降部分地區的流量,以因應過度使用情形。如果你想知道自己的網路速度究竟快或不快,可以透過網路測速工具看到數據,之前推薦過一些很值得使用的測速服務:

回應