logo
GeekFormat

Link 回應標頭解析器

Link 回應頭解析

常用於 GitHub API 分頁和 preload / preconnect 資源提示。這裡會把 rel、URL 和參數全部拆開。

解析結果

3 個 Link 項
#1rel=prev
https://api.github.com/repositories/1300192/issues?page=2
relprev
#2rel=next
https://api.github.com/repositories/1300192/issues?page=4
relnext
#3rel=last
https://api.github.com/repositories/1300192/issues?page=515
rellast

JSON 預覽

[
  {
    "index": 0,
    "url": "https://api.github.com/repositories/1300192/issues?page=2",
    "rels": [
      "prev"
    ],
    "params": {
      "rel": "prev"
    }
  },
  {
    "index": 1,
    "url": "https://api.github.com/repositories/1300192/issues?page=4",
    "rels": [
      "next"
    ],
    "params": {
      "rel": "next"
    }
  },
  {
    "index": 2,
    "url": "https://api.github.com/repositories/1300192/issues?page=515",
    "rels": [
      "last"
    ],
    "params": {
      "rel": "last"
    }
  }
]

線上看 Link 標頭,把分頁和預載入關係拆清楚。

相關推薦

適用場景

  • 調 API 分頁時先看 Link 標頭裡到底給了哪些下一頁、上一頁資訊
  • 檢查網站 preload 和 prefetch 資源預載入設定是否正確提升前端效能
  • 分析清單介面回應標頭中的分頁關係確認 first、last 等邊界連結是否完整
  • 排查複雜 Link 回應標頭時結構化查看各 rel 關係和目標 URL 避免人工閱讀遺漏

功能特點

  • 分頁連結直接看懂:next、prev、first、last 不用手摳字串
  • 效能相關關係也能一起查:preload、prefetch 等宣告更容易核對
  • API 除錯高頻場景:適用於 GitHub API、清單介面和回應標頭串接
  • 結構化結果輸出:幫助快速看懂複雜 Link 標頭並便於一鍵複製

使用方法

  1. 貼上 Link 回應標頭內容到輸入區
  2. 工具自動解析分頁連結、preload 資源和 rel 關係並結構化展示
  3. 查看各連結的目標 URL、rel 參數和預載入類型
  4. 複製解析結果用於介面除錯或效能優化記錄

常見問題

Link 回應標頭一般用來做什麼?

Link 標頭常見用途包括 API 分頁、資源預載入和宣告關聯連結。把 rel 和目標位址拆開後,更容易判斷服務端是否回傳正確。

適合除錯 GitHub API 或分頁介面嗎?

適合。很多介面會把下一頁、上一頁等資訊放在 Link 標頭裡,解析後更容易看懂分頁結構。

可以查看 preload 資源和目標 URL 嗎?

可以。工具適合檢查資源預載入設定、連結參數和跳轉目標,方便前端效能優化與介面除錯。

為什麼手動看 Link 回應標頭很費勁?

因為它通常是一長串逗號分隔的連結和屬性組合,人工閱讀容易漏掉 rel、URL 或參數細節。解析器能直接結構化展示。