手機版面看起來怪?用 DOM Probe 找出真正 overflow 的前端排查筆記
手機截圖常會讓人覺得頁面右側被切掉,但真正問題可能是視覺密度、可捲動程式碼區塊,或某個元件超出 viewport。本文整理 UCAMC 前端版面巡檢時使用的 DOM Probe 思路,把 screenshot、scrollWidth、元素邊界與修復決策串成一套可重複排查流程。
閱讀文章技術筆記 · 案例整理中
從 WordPress 維運、前端 QA 到部署巡檢,保留問題脈絡、指令與驗證結果,讓下一次維護有依據。
Latest notes
接著瀏覽近期整理的技術筆記,從維運排查、前端 QA 到部署檢查,找到下一個可執行參考。
手機截圖常會讓人覺得頁面右側被切掉,但真正問題可能是視覺密度、可捲動程式碼區塊,或某個元件超出 viewport。本文整理 UCAMC 前端版面巡檢時使用的 DOM Probe 思路,把 screenshot、scrollWidth、元素邊界與修復決策串成一套可重複排查流程。
閱讀文章備份真正有用的時刻,是網站壞掉、外掛更新失敗或主機異常時能否安全還原。本文整理一套 WordPress 備份還原演練流程,涵蓋檔案、資料庫、uploads、暫存環境、DNS 與回滾紀錄。
閱讀文章短片縮圖不是影片完成後才臨時截一張圖。本文整理一套可重複使用的封面製作流程:從腳本階段預留主畫面、建立縮圖命名規則、檢查手機可讀性,到上線後回收成內容資產。
閱讀文章Knowledge map
以網站設計、前端技術與自動化工作流為核心,重新整理過去與未來的內容方向。
About / Brand Story
UCAMC 是一個從舊 WordPress Blog 延伸而來的技術筆記與數位實驗站。過去記錄網站設計、前端開發與 WordPress 經驗;現在透過 Next.js、Markdown 與 AI Agent 工作流程,重新整理為更乾淨、更容易維護的內容網站。