README

附件

這裡放前端觀測用的截圖、Network 摘要或其他非長文素材。

命名規則

附件先依素材類型分，再依頁面 slug 分。

原則：不要把圖片直接放在 附件/ 根目錄。新截圖一律先找到對應頁面的 page_slug，再放到該頁面的 screenshots 資料夾。

附件/
  screenshots/
    <page_slug>/
      <scene>_<YYYY-MM-DD>.png
  network/
    <page_slug>/
      <operation_or_api>_<YYYY-MM-DD>.har
      <operation_or_api>_<YYYY-MM-DD>.md
  raw/
    <temporary_or_original_file>

目前分類：

分類	用途	例
screenshots/<page_slug>/	頁面截圖、操作截圖	screenshots/dashboard__projects_quote_detail/more_menu_review_2026-05-14.png
network/<page_slug>/	HAR、Network request 摘要	network/dashboard__projects_quote_detail/submit_review_2026-05-14.har
raw/	暫存原始素材，整理後應搬到正確分類	raw/chrome-download.png

截圖命名：

<scene>_<YYYY-MM-DD>.png

scene 用英文短名，描述畫面狀態，不要塞整個 URL。

例：

more_menu_review_2026-05-14.png
review_result_2026-05-14.png

使用方式

在頁面、操作或案例文件中引用：

![[前端操作觀測/附件/screenshots/dashboard__projects_quote_detail/more_menu_review_2026-05-14.png]]

現有附件

附件	說明
more_menu_review_2026-05-14.png	案件聊天詳情頁，點「更多」後出現「評論專家」
review_result_2026-05-14.png	評價送出 / 更新後，聊天與右側評價列表狀態

安全規則

• 截圖中若有真實手機、email、token、付款資訊，要先遮蔽。
• HAR 檔不要保留完整 Cookie、session token、JWT。
• 若素材只是一次性排查，不要放進長期文件；放案例即可。