什麼是封包圖？
封包圖透過展示各個欄位、位元位置和大小來視覺化網路協定資料單元的結構。它們是網路工程、協定設計和網路安全教育中的重要工具。封包圖使人們容易理解資料在二進位層面的組織方式，清晰展示標頭、有效載荷和欄位邊界。
編輯與預覽
使用 Mermaid 語法創建 封包圖，即時查看效果。
Example
Packet diagram example
A Mermaid packet diagram documenting fields used by a generated diagram export.
Mermaid code
packet-beta
0-15: "Diagram ID"
16-31: "Export Format"
32-63: "Image Width"
64-95: "Image Height"
96-127: "Alt Text Hash"常見使用場景
協定文件
記錄 TCP、UDP、IP 和自訂協定標頭。展示欄位位置、大小和用途，作為協定實作參考。
網路教育
用清晰的封包結構視覺化表示教授網路基礎知識。幫助學生理解協定層。
安全分析
在安全稽核期間視覺化封包結構。理解防火牆規則、入侵偵測簽章和封包過濾的標頭欄位。
自訂協定設計
設計具有精確位元級欄位定義的新協定格式。向實作團隊傳達封包結構。
核心功能
位元級精度
使用精確的位元範圍定義欄位，展示封包結構中的精確位置和大小。
欄位標籤
為每個欄位新增描述性標籤，清晰識別協定元件。
行式佈局
欄位按行排列，通常為 32 位元寬，匹配標準協定文件格式。
簡單語法
使用直觀的範圍-標籤對定義封包結構，易於撰寫和維護。
最佳實踐
遵循標準寬度
標準協定圖使用 32 位元行寬。這與 RFC 文件約定相匹配。
標註所有欄位
每個欄位都應有清晰、描述性的標籤。使用協定規範中的標準名稱。
顯示位元編號
包含位元位置編號，使欄位邊界明確無誤，有助於實作。
專注於單一層
每個圖表記錄一個協定層。為乙太網路、IP、TCP 和應用層建立單獨的圖表。
探索其他圖表類型
流程圖
使用節點和方向箭頭視覺化流程、工作流程和演算法。非常適合商業流程和決策樹。
時序圖
記錄不同角色或系統之間隨時間的互動。適用於 API 文件和系統設計。
類別圖
以類別、屬性和關係建模物件導向系統。軟體架構規劃不可或缺的工具。
狀態圖
呈現系統或應用程式中的狀態轉換。非常適合建模生命週期狀態和工作流程。
甘特圖
規劃和追蹤專案時程及任務依賴關係。非常適合專案管理和排程。
ER 圖
設計包含實體和關係的資料庫架構。適用於資料庫建模和文件。
使用者旅程
繪製使用者在各接觸點的體驗和互動。非常適合 UX 設計和顧客旅程分析。
Git 圖
視覺化 Git 分支策略和提交歷史。有助於說明版本控制工作流程。
心智圖
組織創意、腦力激盪和建立層次化視覺結構。適合規劃和知識管理。
圓餅圖
以圓形圖表展示資料比例分布。適合顯示百分比和市場份額分析。
時間線
沿時間軸視覺化事件和里程碑。適合專案歷史和路線圖展示。
看板
將任務按工作流階段組織到欄中。適合敏捷專案管理和任務追蹤。
四象限圖
在雙軸網格上繪製項目進行比較和優先順序排定。適合功能優先順序和策略分析。
桑基圖
用比例箭頭視覺化節點間的流量。適合能源流、預算分配和轉化漏斗。
XY 圖表
建立帶有可自訂座標軸的長條圖和折線圖。適合資料視覺化和趨勢分析。
區塊圖
用行列排列的區塊建構結構化佈局。適合系統架構和元件概覽。
架構圖
使用服務圖示和連線設計雲端和系統架構。適合基礎設施文件。