📸 Div 截圖 v1.1.1

點選網頁上任一區塊（div/元素），像素精準截圖，自動複製到剪貼簿、可直接貼上。

⬇ 下載 div-screenshot.zip（v1.1.1）
v1.1.1 更新（2026-08-23）：綠色選取框不會再被截進圖裡。
選取用的綠框原本只用 visibility 隱藏，而它身上帶著 transition， 瀏覽器會把這個切換延後數十毫秒才生效——快門跟畫面更新搶時間，就可能在綠框還沒消失時就截下去， 圖片四邊因此出現綠框、整張泛綠。現在改用 display:none 並關掉過渡，再多等一個影格才截。

v1.1.0 更新（2026-08-23）：修正「被網站固定頁首吃掉一塊」的問題。
以前截圖時，網站那條 position:fixed / sticky 的頁首會蓋在目標區塊上面， 截出來的圖上緣就變成那條頁首、被蓋住的內容（頭像列、第一行字）整段不見。 現在截圖期間會自動把「不屬於目標區塊」的固定／黏性元素暫時隱藏，截完立刻還原—— 目標自己的黏性元件與它的外層容器不會被動到。
已經裝過舊版的話：下載新的 zip 解壓後，到 chrome://extensions 對這個擴充功能按「重新載入」 （或先移除再「載入未封裝項目」選新資料夾），版本顯示 1.1.1 就是更新好了。

安裝（Chrome / Edge）

  1. 下載上面的 div-screenshot.zip 並解壓縮成一個資料夾
  2. 網址列輸入 chrome://extensions（Edge 是 edge://extensions）
  3. 右上角打開「開發人員模式」
  4. 點「載入未封裝項目」→ 選剛剛解壓的資料夾
  5. 建議把它釘選到工具列（方便點）

怎麼用

  1. 在要截圖的網頁上，點一下工具列的擴充功能圖示
  2. 畫面上方出現提示；滑鼠移到哪，那個區塊就會被綠色框框起來
  3. 移到你要的 div/區塊 → 點一下選定
  4. 它會自動截圖（區塊比畫面高會自動捲動接圖），完成後直接複製到剪貼簿 → 你到任何地方 Ctrl+V 貼上即可
  5. 不想選了按 Esc 取消
小提醒：
・如果某些網頁擋住自動複製，會跳出一顆「👉 點這裡複製」的按鈕，點一下就複製（少數網頁的安全限制）。
・截很長的區塊時會自動上下捲動、分段截圖再拼起來，過程中請不要動視窗，幾秒鐘就好。
・截圖是「直接抓畫面畫素」，所以字體、圖片跟你眼睛看到的完全一樣。
・在 chrome:// 這類系統頁、或擴充功能商店頁無法使用（瀏覽器限制）。