「教學」利用Chrome 開發者工具下載Instagram 照片

文章推薦指數： 80 %
投票人數：10人

「教學」利用Chrome 開發者工具下載Instagram 照片. Victor Hung, 6 年前. 拜偉哉臉書公司所賜，今年初Instagram API 政策大調整，第三方網站無法再透過API 抓取使用者 ... 分類 EC2 GCP Instagram iPhone Linode Mac WooCommerce WordPress 分享 教學 架站 筆記 購物 開箱 Instagram 「教學」利用Chrome開發者工具下載Instagram照片 VictorHung, 6年前 拜偉哉臉書公司所賜，今年初InstagramAPI政策大調整，第三方網站無法再透過API抓取使用者追蹤者的動態，因此目前要在電腦上看Instagram動態只能從官網instagram.com上面瀏覽，而網頁版的UI莫過於放大的手機APP，且毫無意外的「鎖右鍵」功能是滴水不漏。

若要「備份」Instagram的照片，則可以請出Chrome開發者工具來幫忙，這個方式是直接將網頁元素拆解開來，隱藏的照片媒體檔案無所遁形，對大部分設計禁止抓圖的網頁應該都有效。

開啟Chrome開發者工具 選單位置在「檢視」－「開發人員選項」－「開發者工具」 也可以直接在要抓圖的網頁上按鍵盤快速鍵： Windows Ctrl+Shift+I Mac Command+Option+I 開始後畫面應該會是這樣： 使用物件選取工具 使用物件選取工具在照片上方點一下，選擇要抓取的照片： 可以看到右邊開發者工具已經標記所選照片在原始碼中的位置，看似空空如也，因為這是Instagram設下的幌子，真正的照片位置在往上三行，前面有▶符號的 

 區塊，點選▶將其展開： 在新分頁開啟圖片 展開後就可以看到藍色的照片連結，將游標移到連結上方按右鍵，點選「OpenLinkinNewTab」在新分頁開啟照片，再將圖片另存新檔就大功告成摟！ 開啟的照片解析度不高？ 在新分頁開啟的照片網址可能會是這樣的結構： https://instagram.ftpe7-2.fna.fbcdn.net/t51.2885-15/s320x320/sh0.08/e35/13422799_1722816494624138_2109246393_n.jpg 若是使用螢幕較小或是部分特定裝置來開啟網頁，Instagram為節省流量，可能不會載入最高解析度的版本（原圖）例如上面這張就只是320×320解析度的圖片。

因此，我們我們將 s320x320 這個字串從網址列中刪除，然後按下Enter重新載入。

https://instagram.ftpe7-2.fna.fbcdn.net/t51.2885-15//sh0.08/e35/13422799_1722816494624138_2109246393_n.jpg 載入後可以發現這張圖片的原始解析度是1080×1080。

另外如果上傳的照片是直式或橫式的照片，原始解析度可能更高達1349×1349，只不過短邊會留白，整張圖還是維持正方形。

Tags #Chrome #IG #Instagram #下載 #備份 #原圖 #照片 #網址 #開發者工具 #高畫質 EC2 「教學」AmazonEC2Ubuntu建立並啟動WordPress網站 教學 「教學」透過Docker安裝Xware實現DSM6.0迅雷遠程下載 相關文章 Mac 「分享」EaseUSDataRecoveryWizardMac資料救援軟體 VictorHung, 3年前 Instagram 「教學」下載IG原圖：網址列加字取得Instagram高畫質照片 VictorHung, 4年前 Mac 「教學」解決macOS應用程式無法確認開發者的識別身份 VictorHung, 3年前 WordPress 「教學」使用LocoTranslate本地化WordPress主題外掛 VictorHung, 4年前 教學 「教學」使用Getflix突破VPN限制翻牆跨區看美國Netflix影集 VictorHung, 6年前 WordPress 「教學」讓WordPress網站內的外部連結自動在新分頁開啟 VictorHung, 5年前 留言 Bill 您好，找不到OpenLinkinNewTab这个选项呢怎么办 3年前 回覆 明沢姫 雖然可以透過開發者工具下載後面的多張圖片,然而那些並不是原寸大……還是只有第一張是原寸大 3年前 回覆 發佈留言取消回覆留言* Name* Email* Website* 必填* Δ Login Register 使用者名稱或電子郵件地址 密碼 ForgotPassword保持登入 Registrationisclosed.

請為這篇文章評分？

延伸文章資訊