Chrome瀏覽器下載網頁圖片影片教學:輕鬆繞過Javascript限制(以google Map為例)

更新於 發佈於 閱讀時間約 2 分鐘

有時候有些想私下珍藏的照片或影片,但被網頁上被透過Javascript等語法鎖住怎麼辦呢?

本文透過個人電腦中的chrome瀏覽器教學,教大家簡單的方法,可以跟我一個步驟一個步驟執行看看。

執行步驟

1.打開「chrome瀏覽器」進入想要照片或影片的頁面

raw-image

2.左側欄拉到下面點選照片,進入照片頁面

raw-image

3.點擊右上角三點→更多工具→開發人員工具(快捷鍵為F12)

raw-image

4.進入開發人員工具,點選最上層的「Network」標籤。

5.要下載圖片就點選Img標籤頁面,要下載影片就點選Media標籤

6.點選Preview標籤,於Name欄位點選檔案預覽。

7.在網頁用滑鼠點選想要的照片,Name的欄位檔案會隨預覽變動,選一下即可找到要下載的圖片。滑鼠左鍵雙擊打開即可下載。

raw-image


透過本方式下載,可以不用安裝外掛或是其他插件,也可以找到比較清楚的圖,滿好用的,推薦給大家。


後記

如果大家有比較需要大量下載的需求,後來發現網路上也有一些第三方工具可用,簡單整理給大家參考:

留言
avatar-img
留言分享你的想法!
維那思-avatar-img
發文者
2025/04/18
謝謝大家的支持,本篇文章入選即時精選~
avatar-img
維那思的異想世界
2會員
59內容數
這裡分享維那思的日常與異想
2025/04/30
OpenAI 近期為 ChatGPT 導入商品搜尋功能,使用者能以自然語言查詢時尚、美妝、家具及電子產品等資訊,並獲取附帶連結的結果。OpenAI 強調資訊透明與中立,此舉被視為 OpenAI 試圖進軍搜尋市場,挑戰Google搜尋霸權,並透過 AI 驅動消費模式的轉型。
Thumbnail
2025/04/30
OpenAI 近期為 ChatGPT 導入商品搜尋功能,使用者能以自然語言查詢時尚、美妝、家具及電子產品等資訊,並獲取附帶連結的結果。OpenAI 強調資訊透明與中立,此舉被視為 OpenAI 試圖進軍搜尋市場,挑戰Google搜尋霸權,並透過 AI 驅動消費模式的轉型。
Thumbnail
2025/04/23
你想要用 AI 快速產製短影片,卻不會剪輯或動畫嗎?現在只要用 Google AI Studio 的 Video Gen 功能,就能靠簡單的文字描述,生成令人驚豔的動態影片。以下就帶你一步步學會怎麼用 Video Gen 產製影片,並分享一些實用的小技巧! 步驟一:登入 Google AI Stu
Thumbnail
2025/04/23
你想要用 AI 快速產製短影片,卻不會剪輯或動畫嗎?現在只要用 Google AI Studio 的 Video Gen 功能,就能靠簡單的文字描述,生成令人驚豔的動態影片。以下就帶你一步步學會怎麼用 Video Gen 產製影片,並分享一些實用的小技巧! 步驟一:登入 Google AI Stu
Thumbnail
2025/04/23
許多人在會議記錄、課堂筆記等情境下,常常需要將錄音內容轉換成文字。不過,市面上多數錄音轉文字的工具通常需要每月付費訂閱,免費版本往往有次數或功能上的限制。如果你只需要基本的錄音轉文字功能,其實現在 iPhone 內建的「語音備忘錄」與「備忘錄」App 就能直接將錄音自動轉成逐字稿,大家可以來試試看。
Thumbnail
2025/04/23
許多人在會議記錄、課堂筆記等情境下,常常需要將錄音內容轉換成文字。不過,市面上多數錄音轉文字的工具通常需要每月付費訂閱,免費版本往往有次數或功能上的限制。如果你只需要基本的錄音轉文字功能,其實現在 iPhone 內建的「語音備忘錄」與「備忘錄」App 就能直接將錄音自動轉成逐字稿,大家可以來試試看。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
有時候有些想私下珍藏的照片或影片,但被網頁上被透過Javascript等語法鎖住怎麼辦呢? 本文透過個人電腦中的chrome瀏覽器教學,教大家簡單的方法,不用安裝外掛或是其他插件,可以跟我一個步驟一個步驟執行看看。
Thumbnail
有時候有些想私下珍藏的照片或影片,但被網頁上被透過Javascript等語法鎖住怎麼辦呢? 本文透過個人電腦中的chrome瀏覽器教學,教大家簡單的方法,不用安裝外掛或是其他插件,可以跟我一個步驟一個步驟執行看看。
Thumbnail
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架 URL轉址(重定向、重新導向):當使用者瀏覽A網址時,自動跳轉到B網址。 - 發生情境: 使用edge瀏覽器,使用Google搜尋引擎, 搜尋XXX關鍵字,網頁自動跳轉到maxask的搜尋介面。
Thumbnail
#maxask #惡意軟體 #瀏覽器被惡意或廣告工具綁架 URL轉址(重定向、重新導向):當使用者瀏覽A網址時,自動跳轉到B網址。 - 發生情境: 使用edge瀏覽器,使用Google搜尋引擎, 搜尋XXX關鍵字,網頁自動跳轉到maxask的搜尋介面。
Thumbnail
長期用 Google Pixel 的鐵粉們,肯定最不陌生又驕傲,當然是以往的那個無限相簿空間。 讓大家從此不用再煩惱,一直都是無腦狂按拍攝鈕,拍那麼多東西該刪什麼好? 這蠻偷雞的技巧,就是可以讓你把剛無腦猛拍的各種影像,全部都讓它同步上傳雲端網路空間,達到不再煩惱空間不足的問題。
Thumbnail
長期用 Google Pixel 的鐵粉們,肯定最不陌生又驕傲,當然是以往的那個無限相簿空間。 讓大家從此不用再煩惱,一直都是無腦狂按拍攝鈕,拍那麼多東西該刪什麼好? 這蠻偷雞的技巧,就是可以讓你把剛無腦猛拍的各種影像,全部都讓它同步上傳雲端網路空間,達到不再煩惱空間不足的問題。
Thumbnail
你最近有特別有興趣的產業嗎,有興趣的股票嗎?你是每天去刷網頁嗎? 這裡有個方法可以幫你收集相關的網路新聞,固定送到你的信箱。 這個方法就是Google帳號的功能,快訊。 一、        首先你要有一個Google account及Gmail 然後是login in的狀態! 二、     
Thumbnail
你最近有特別有興趣的產業嗎,有興趣的股票嗎?你是每天去刷網頁嗎? 這裡有個方法可以幫你收集相關的網路新聞,固定送到你的信箱。 這個方法就是Google帳號的功能,快訊。 一、        首先你要有一個Google account及Gmail 然後是login in的狀態! 二、     
Thumbnail
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖,並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例,並附上圖片說明操作過程。
Thumbnail
這是一篇介紹如何使用Google Maps API在網頁上呈現地圖,並進行店家名稱的搜尋的文章。內容包含如何申請Google Cloud Platform的API金鑰、初始化地圖、設定搜尋功能等步驟。文章中提供了部分程式碼範例,並附上圖片說明操作過程。
Thumbnail
近期 Google 搜尋引擎API機密文件的外流事件,絕對是近期震撼數位行銷世界的一大頭條,其內容揭示了一些有關 Google 搜尋結果生成原理的重要細節。今天本男爵就來跟各位聊聊這其中獲得的寶貴洞察,或許會對您在設計網站內容時有一些不同的想法!
Thumbnail
近期 Google 搜尋引擎API機密文件的外流事件,絕對是近期震撼數位行銷世界的一大頭條,其內容揭示了一些有關 Google 搜尋結果生成原理的重要細節。今天本男爵就來跟各位聊聊這其中獲得的寶貴洞察,或許會對您在設計網站內容時有一些不同的想法!
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
手機版進入Google表單有三步驟 第一是進入Google瀏覽器, 第二是在瀏覽器上搜尋框,輸入Google表單, 找到,Google表單登錄,的網頁,點按進入即可 接下來就會出現目前的畫面,我們只要點選,前往表單,就可進入正式編輯的頁面了 首次進入表單編輯頁面,我們必須要為表單,訂定一個
Thumbnail
當使用Google架設網站時,請考慮以下幾點。 目標設定:明確網站目的,選擇適合模板。 設計一致性:統一色系、字體和風格。 內容優化:用吸引力的標題、圖片、影片增加內容價值。 響應式設計:確保內容在各設備良好呈現。 專業域名:購買並設定獨特網域。 SEO優化:優化標題、描述、關鍵字和內部
Thumbnail
當使用Google架設網站時,請考慮以下幾點。 目標設定:明確網站目的,選擇適合模板。 設計一致性:統一色系、字體和風格。 內容優化:用吸引力的標題、圖片、影片增加內容價值。 響應式設計:確保內容在各設備良好呈現。 專業域名:購買並設定獨特網域。 SEO優化:優化標題、描述、關鍵字和內部
Thumbnail
這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現,並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。
Thumbnail
這篇文章記錄了如何在網頁中使用<iframe>或套件vue3-google-map來實現Google Map呈現,並在上面設置圖釘。兩種方法的優缺點也有相關的說明。想要在網頁上加入Google Map及設置圖釘的讀者可以參考這篇文章。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News