[{"data":1,"prerenderedAt":357},["ShallowReactive",2],{"blog-zh-Hant-flowpick-v1-1-1-protected-resource-preview-download":3,"blog-zh-Hant-flowpick-v1-1-1-protected-resource-preview-download-surround":343},{"id":4,"title":5,"author":6,"body":7,"category":324,"date":325,"description":326,"extension":327,"image":328,"lastModified":325,"meta":329,"navigation":330,"path":331,"readingTime":332,"seo":333,"stem":334,"tags":335,"__hash__":342},"blog_zh_Hant\u002Fzh-Hant\u002Fblog\u002Fflowpick-v1-1-1-protected-resource-preview-download.md","FlowPick v1.1.1：防盜鏈資源預覽與下載","FlowPick Team",{"type":8,"value":9,"toc":312},"minimark",[10,14,26,42,46,49,69,75,78,85,88,114,120,123,126,143,146,150,157,193,199,203,206,226,229,232,246,249,252,280,283],[11,12,13],"p",{},"v1.1.0 是多偵測東西。v1.1.1 是把已經偵測到的東西真正下下來——具體來說，是那些你一點下載就拉胯的東西。",[11,15,16,17,21,22,25],{},"我們一直撞一道牆：FlowPick 嗅探到媒體資源，在清單裡顯示出來，使用者點下載，然後……沒反應。或者更嘔心，一個 HTML 錯誤頁被存成了 ",[18,19,20],"code",{},"image.jpg","。原因？防盜鏈保護。伺服器檢查 ",[18,23,24],{},"Referer"," 標頭，看到的是瀏覽器擴充功能而不是預期的頁面，就回傳 403 或一個「請登入」的 HTML 頁。FlowPick 的 URL 是對的，但沒辦法證明這個請求是「合法來源」。",[11,27,28,29,36,37,41],{},"v1.1.1 用一層代理解決了這個問題——代理會帶上正確的請求標頭。如果你在用 FlowPick，",[30,31,35],"a",{"href":32,"rel":33},"https:\u002F\u002Fgithub.com\u002Fezwebtools\u002Fflowpick\u002Freleases",[34],"nofollow","從 GitHub Releases 更新","。新使用者先看 ",[30,38,40],{"href":39},"\u002Fzh-Hant\u002Fblog\u002Fflowpick-v1-0-0-first-public-release","v1.0.0 發布說明","。",[43,44,45],"h2",{"id":45},"防盜鏈圖片預覽",[11,47,48],{},"你會注意到的第一件事：以前顯示破圖的圖片現在能載入了。",[50,51,52,63],"ul",{},[53,54,55,59,60,62],"li",{},[56,57,58],"strong",{},"代理預覽。"," 圖片清單、封面圖、懸停預覽、大圖檢視現在全部走代理，自動攜帶 ",[18,61,24],{}," 和 cookies。跨域限制直接繞過。",[53,64,65,68],{},[56,66,67],{},"Cookies 自動轉發。"," 如果原頁面有個工作階段 cookie 授權了這張圖，代理會帶上。不用手動設定請求標頭。",[11,70,71,72,74],{},"這是頭號視覺 bug——FlowPick 在一個圖庫頁面偵測到 50 張圖，一半縮圖是空白的，因為 CDN 拒絕沒有匹配 ",[18,73,24],{}," 的跨域請求。現在全部載入了。",[43,76,77],{"id":77},"統一代理下載",[11,79,80,81,84],{},"預覽是一回事，下載是另一回事。v1.1.0 有個嘔心的 bug：防盜鏈保護的下載會靜默地把 HTML 錯誤頁存成你要的檔案。你打開 ",[18,82,83],{},"cover.jpg"," 發現是個登入表單。",[11,86,87],{},"v1.1.1 加了統一代理下載，涵蓋：",[50,89,90,96,102,108],{},[53,91,92,95],{},[56,93,94],{},"圖片"," —— JPG、PNG、GIF、WebP、SVG、AVIF",[53,97,98,101],{},[56,99,100],{},"音訊"," —— MP3、AAC、WAV、OGG、FLAC、M4A",[53,103,104,107],{},[56,105,106],{},"文件"," —— PDF、DOC、DOCX、XLS、XLSX、PPT、PPTX、EPUB、CSV、RTF",[53,109,110,113],{},[56,111,112],{},"字幕"," —— SRT、VTT",[11,115,116,117,119],{},"代理攜帶 ",[18,118,24],{},"、cookies 和認證標頭。儲存前會檢查回應——如果伺服器回傳的是 HTML 頁（那個「請登入」重新導向），FlowPick 會拒絕儲存，不會給你存一坨垃圾。這就是「下載了圖片但得到 HTML 檔案」問題的修復。",[43,121,122],{"id":122},"更快的影片封面",[11,124,125],{},"v1.0.0 和 v1.1.0 對影片封面的處理很蠢：先試直接跨域請求，等它逾時（可能要 10 秒以上），再退回代理。v1.1.1 跳過了這個等待。",[50,127,128,137],{},[53,129,130,133,134,136],{},[56,131,132],{},"直接代理預載。"," 帶 ",[18,135,24],{}," 的影片封面現在直接走代理。不用再等跨域請求失敗才切換。",[53,138,139,142],{},[56,140,141],{},"彈窗更快。"," 媒體清單填充封面的速度明顯提升，尤其是在圖片和影片密集的頁面上，20 多個封面同時載入時。",[11,144,145],{},"改動不大但體感提升明顯。彈窗感覺更跟手了，因為你不用盯著縮圖在 15 秒裡一個個冒出來。",[43,147,149],{"id":148},"更強的-firefox-支援","更強的 Firefox 支援",[11,151,152,153,156],{},"Firefox 在 v1.1.0 裡吃虧了——Chrome 的 ",[18,154,155],{},"declarativeNetRequest"," API 讓標頭注入很直接，但 Firefox 的實作有缺口。v1.1.1 補上了。",[50,158,159,174,187],{},[53,160,161,167,168,170,171,173],{},[56,162,163,166],{},[18,164,165],{},"webRequestBlocking"," 注入標頭。"," Firefox 現在用 ",[18,169,165],{}," 在媒體請求上注入 ",[18,172,24],{}," 和認證標頭。這個 API Chrome 已棄用但 Firefox 還支援——對這個場景來說，它是正確的工具。",[53,175,176,183,184,186],{},[56,177,178,179,182],{},"自動移除 ",[18,180,181],{},"Origin"," 標頭。"," Firefox 預設的 ",[18,185,181],{}," 標頭導致一些伺服器拒絕跨域媒體請求。v1.1.1 對媒體資源自動移除它。",[53,188,189,192],{},[56,190,191],{},"跨域載入更穩。"," 防盜鏈的圖片、音訊、影片和其他媒體現在在 Firefox 裡能穩定載入了。之前不少 Firefox 使用者反映「FlowPick 能看到資源但下不下來」——就是 CORS + 缺標頭，現在修了。",[11,194,195,196,198],{},"Firefox 使用者，這個版本是為你們做的。",[30,197,40],{"href":39}," 承諾過功能對等，我們是認真的——v1.1.1 讓這個承諾在防盜鏈資源上落地。",[43,200,202],{"id":201},"bug-修復","Bug 修復",[11,204,205],{},"防盜鏈重寫也順帶清了一批邊界情況：",[50,207,208,211,214,217,220,223],{},[53,209,210],{},"修復防盜鏈保護導致圖片無法顯示的問題。",[53,212,213],{},"修復圖片下載靜默儲存 HTML 錯誤頁而非實際圖片的問題。",[53,215,216],{},"修復音訊和文件下載因缺少必要請求標頭而失敗的問題。",[53,218,219],{},"修復 Firefox 中跨域 CORS 資源載入失敗的問題。",[53,221,222],{},"修復部分影片封面載入過慢的問題。",[53,224,225],{},"修復代理請求攜帶快取標頭導致回應不正確或不完整的問題。",[43,227,228],{"id":228},"下一步",[11,230,231],{},"v1.1.1 是個可靠性版本——讓 FlowPick 已經偵測到的資源真正能下。下一個版本會專注於格式轉換（TS→MP4 已經能用，但 MKV\u002FMP3 匯出是呼聲最高的功能）和 4K 串流的效能。",[11,233,234,235,240,241,245],{},"如果你在某個站點上發現 v1.1.1 還是下不了已偵測到的資源，",[30,236,239],{"href":237,"rel":238},"https:\u002F\u002Fgithub.com\u002Fezwebtools\u002Fflowpick\u002Fissues",[34],"在 GitHub 上提 issue","，附上 URL 和瀏覽器版本。",[30,242,244],{"href":243},"\u002Fzh-Hant\u002Fchangelog","更新日誌頁面"," 記錄了每個版本。",[247,248],"hr",{},[43,250,251],{"id":251},"相關文章",[50,253,254,263,271],{},[53,255,256,262],{},[56,257,258],{},[30,259,261],{"href":260},"\u002Fzh-Hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection","FlowPick v1.1.0：更智能的媒體偵測"," —— 上一個版本改進了偵測；v1.1.1 讓這些偵測到的資源能下下來",[53,264,265,270],{},[56,266,267],{},[30,268,269],{"href":39},"FlowPick v1.0.0：首次公開發布"," —— 這個更新所基於的發布版本",[53,272,273,279],{},[56,274,275],{},[30,276,278],{"href":277},"\u002Fzh-Hant\u002Fblog\u002Fhow-flowpick-merges-video-segments-in-browser","FlowPick 是怎樣在瀏覽器裡合併數百個影片分片的"," —— 資源下載後的 WebAssembly FFmpeg 合併管線",[43,281,282],{"id":282},"推薦閱讀",[50,284,285,294,303],{},[53,286,287,293],{},[56,288,289],{},[30,290,292],{"href":291},"\u002Fzh-Hant\u002Fblog\u002Fflowpick-vs-yt-dlp","FlowPick vs. yt-dlp"," —— 瀏覽器擷取模式 vs 命令列工具",[53,295,296,302],{},[56,297,298],{},[30,299,301],{"href":300},"\u002Fzh-Hant\u002Fblog\u002Fbatch-download-images-from-any-website","批次下載網站圖片"," —— 從防盜鏈代理中受益最多的圖片功能",[53,304,305,311],{},[56,306,307],{},[30,308,310],{"href":309},"\u002Fzh-Hant\u002Fblog\u002Fhow-to-download-bilibili-videos","如何下載 B 站影片"," —— Referer 標頭很關鍵的真實場景",{"title":313,"searchDepth":314,"depth":314,"links":315},"",2,[316,317,318,319,320,321,322,323],{"id":45,"depth":314,"text":45},{"id":77,"depth":314,"text":77},{"id":122,"depth":314,"text":122},{"id":148,"depth":314,"text":149},{"id":201,"depth":314,"text":202},{"id":228,"depth":314,"text":228},{"id":251,"depth":314,"text":251},{"id":282,"depth":314,"text":282},"updates","2026-08-14","v1.1.1 上線——防盜鏈代理預覽和下載，圖片、音訊、文件、字幕在有 Referer 校驗的站點上終於能下了。影片封面載入更快，Firefox 支援更強。","md","\u002Fscreenshots\u002Fpopup-complete.png",{},true,"\u002Fzh-hant\u002Fblog\u002Fflowpick-v1-1-1-protected-resource-preview-download",7,{"title":5,"description":326},"zh-Hant\u002Fblog\u002Fflowpick-v1-1-1-protected-resource-preview-download",[336,337,338,339,340,341],"發布","v1.1.1","更新","更新日誌","防盜鏈","firefox","Wnmvfs7XUdA6jcrI2TA6sRr6Mlpqilbc2aSEwxATfDQ",[344,350],{"title":345,"path":346,"stem":347,"description":348,"date":349,"category":324,"children":-1},"FlowPick v1.1.0 發布說明：更智慧的媒體識別","\u002Fzh-hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection","zh-Hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection","FlowPick v1.1.0 發布——分組影片卡片、MSE 錄製、文件偵測、字幕偵測，還有一堆 UI 修復。本文說清楚改了什麼、為什麼改。","2026-08-02",{"title":351,"path":352,"stem":353,"description":354,"date":355,"category":356,"children":-1},"FlowPick vs. 4K Video Downloader：2026 年免費擴充功能 vs. 付費桌面應用","\u002Fzh-hant\u002Fblog\u002Fflowpick-vs-4k-video-downloader","zh-Hant\u002Fblog\u002Fflowpick-vs-4k-video-downloader","FlowPick（免費瀏覽器擴充功能）和 4K Video Downloader（付費桌面應用）的誠實對比——4K Video Downloader 打磨精良且專注 YouTube，FlowPick 免費且能在任意串流站點工作。","2026-08-03","comparisons",1787670589580]