Save to Google Drive官方套件單鍵雲端儲存完整網頁素材

Save to Google Drive-01

前幾天在「數位工作研究會」和朋友剛好討論到了幾個問題: Google 官方有沒有推出簡單的套件可以快速儲存網路圖片等內容到 Google Drive 中?還有另外一個問題是:有沒有什麼簡便的方法可以儲存「完整網頁」格式(幫含整個網頁的架構版面和內容程式碼)到某個方便管理的雲端服務中?

而上面兩個問題,在 Google 今天推出的「 Save to Google Drive 」中解決了!這是一款 Google Chrome 擴充套件,安裝後就可以快速把網頁上的各種內容,轉存到你的 Google Drive 雲端硬碟裡。

「 Save to Google Drive 」可以快速雲端轉存網頁中的某張圖片、某個連結檔案,但是這款套件還有一個更加特別且強大之處,那就是它可以單鍵幫你儲存整個網頁內容格式,把「完整網頁」儲存成一張完整內容的長截圖,或是儲存成包含網頁功能程式碼的 HTML、 mht 網頁封存格式。甚至還可以直接把一個網頁內容轉換成 Google 文件的線上編輯檔案!

 

 

直接在你的 Google Chrome 瀏覽器中安裝這款「 Save to Google Drive 」即可。接著你會看到右上方多出一個 Google Drive 儲存按鈕,來到想要儲存的網頁,直接點擊這個按鈕即可。

Save to Google Drive-02

 

第一次使用時,會詢問你是否要授權 Google Drive 的權限。

Save to Google Drive-03

 

然後左上方會浮現一個正在下載儲存的進度小視窗。下載完成後,可以從這個小視窗直接「線上」打開檔案,或是重新命名檔案。

Save to Google Drive-04

 

利用 Google 雲端硬碟線上打開檔案,可以看到剛剛預設的儲存方式是,直接幫你把「長網頁」完整的截圖下來,「 Save to Google Drive 」會幫你自動進行捲動網頁與截圖。

而在 Google Drive 的圖片瀏覽畫面中,也新增了「註解工具」,讓你分享或備份圖片時還能加上重點說明。

Save to Google Drive-05

 

當然,「 Save to Google Drive 」不只能把長網頁完整截圖,還可以指定要把完整網頁儲存成各種格式。

例如你可以把整個網頁儲存成檔案封包,這將包含網頁裡所有的圖片、素材,以及保留網頁的版面架構。

Save to Google Drive-06

 

或者,你可以把網頁直接轉存成「 Google 文件」,這樣一來你可以直接編輯網頁的圖文內容,這就變成一個很有幫助的「網頁剪貼」工具。

Save to Google Drive-07

 

「 Save to Google Drive 」除了可以儲存完整網頁外,你也能在某張圖片、某個連結上按右鍵,單獨儲存指定的內容。

看起來「 Save to Google Drive 」可以幫助你把 Google Drive 變成很方便的網頁剪貼工具,尤其如果你需要儲存完整網頁內容時更加有幫助,推薦大家試試看。

Save to Google Drive-08

留言

  1. 覺得和Evernote的插件有既視感… (deja vu)

    回覆刪除
  2. Cool stuff, will give it a go! Thanks!

    回覆刪除
  3. 不知火狐有沒有類似功能呢?

    回覆刪除
  4. 是很想用看看,但是礙於Chrome與其它瀏覽器的Flash Player版本管理疑問,而遲遲未用Chrome,大概很少人會有這個問題吧(淚奔)

    回覆刪除
  5. 請問Firefox有類似的插件嗎?

    回覆刪除
  6. 剛剛試用了一下,果然是個好用的套件呀!可惜還是不如 ScrapBook ,這也是我一直離不開火狐的原因呀!雖然 Chrome 也有同樣的套件,但在管理上還是火狐較為方便一些,備份起來也比較簡潔。

    其實我也一直在找類似的「線上筆記本」功能,可以完整儲存格式以及圖文,Evernote 雖然可以儲存文字,但若是圖片在原始位置不見的話,也還是會消失呀!不知道有沒有更好的「線上Scrapbook」呢?

    回覆刪除
  7. 目前這個Google Drive的外掛尚未推出 Firefox 套件~

    回覆刪除
  8. 能儲存圖片真是太強了
    不知道能不能取代Evernote?

    回覆刪除
  9. 看到這一篇,立刻來做實驗--

    同一個網頁,分別以不同的方式存為「mht」檔案:
    (1) ie-->直接在ie上「檔案/另存新檔」
    (2) evernote-->開chrome,按右鍵另存,再由桌面版介面匯出為mht
    (3) CyberArticle 5-->開ie,按右鍵另存,再由桌面版介面匯出為mht
    (4) Google Drive-->開,chrome,以Save to Google Drive另存為mht(不勾選「轉換為Google 的文件」)

    得出結論如下:

    1. 檔案大小:(由大至小)
    CyberArticle(2,309kb) > ie(2,232kb) > GDrive(1,991kb) > evernote(1,544kb)

    2. 離線圖片顯示:
    CyberArticle --> 有
    ie --> 有
    GDrive --> 有
    evernote --> 無

    3. CSS格式:
    evernote --> 正常
    CyberArticle --> 正常
    ie --> 跑掉
    GDrive --> 跑掉

    4. 跨瀏覽器儲存
    evernote --> 跨瀏覽器
    CyberArticle --> 在ie比較正常,其它瀏覽器支援有部分問題
    ie --> 只能在ie
    GDrive --> 只能在chrome

    5. 跨平台(android、iOS)儲存
    evernote --> ??
    GDrive --> ??
    CyberArticle --> X
    ie --> X

    6. 整本筆記本匯出/備份
    CyberArticle --> Yes,需匯出(目前使用專業版)
    evernote --> NO(目前使用免費版)
    GDrive --> Yes,不需匯出(桌面版直接同步)
    ie --> NO

    7. 部分(網頁)擷取
    evernote --> Yes
    CyberArticle --> .....(新版ie不支援)
    GDrive --> NO
    ie --> NO


    結論是................每一種都無法放棄!!!(大哭)
    到底哪一天能出現完美方案,讓我的各種資料都集中在一起啊~~~~~~~(淚奔)

    回覆刪除
  10. 推 @me 的認真測試!不過有些地方敝人覺得怪怪的:

    1.我用Evernote套件擷取網頁都可以離線瀏覽圖片耶

    2.我用Evernote擷取網頁,CSS格式經常會出錯;而用IE儲存反而沒遇過亂掉的

    3.「整本筆記本匯出/備份」不知道是指什麼?Evernote桌面版可以匯出擷取的筆記啊~~而IE儲存的.mht本來就是檔案了不是嗎?

    4.也許可以試試Firefox的maff套件和ScrapBook套件^^

    回覆刪除
  11. TO phantoms~ ^^

    1. evernote很神奇的是,桌面版離線瀏覽可以看到圖片,但若另存為mht格式,卻無法把圖片存進來
    2. 咦?...
    3. Evernote可以匯出單一筆記事,但可以一鍵匯出整本記事本嗎?我找不到這個功能 ><~
    4. 自從chrome用順手,我就很少再回去Firefox了 ^^|||

    由於我多年來有習慣在閱讀文章後,會把資料保存到電腦裡(當然也已經有一套個人的分類方式,並且隨著轉換工作,分類方式也不斷在改變)
    的確,IE可以直接轉存為mht檔案,但是這些檔案在windows的「檔案總管」之中沒辦法發揮效用,就只是保存而已,
    但Evernote提供了更好的介面可以隨時使用這些資料(跨平台的閱讀/編輯/搜尋...等),但它還沒有完美到讓我願意付費(而且是年繳好幾千塊)~

    所以還在傷腦筋當中....orz

    自從有了iPad之後,開會、上課做的筆記通通數位化了(以前都是隨手寫在紙上,時間久了就扔掉),除了文字,還有各式的錄音檔,看書看到不錯的段落,也會拍照下來。
    資料量越來越多,工具越來越五花八門,真的很困擾 @_@


    我想過一個解決方式--「看過就好,腦子能記多少是多少」,也就是根本不用紀錄。想要什麼資料,網路上搜尋一下就有了,不是嗎?

    回覆刪除
  12. 我也希望這個有fx的套件
    「線上Scrapbook」更好!
    每次重灌都會忘記備份這裡
    然後辛苦收集的資料就掰了,超怒!

    回覆刪除
  13. @cockatiel: 把ScrapBook的資料夾設定到Dropbox或Google Drive下面就可以雲端同步了哦~~~只差手機不能用了^^"

    @me:

    1.沒遇過這問題耶~~

    2.確實是這樣啊~~最常遇到的是全網頁背景色和背景圖片不見,以及 <pre> 元素下的換行錯亂,其他像框架頁和表格有時也會出問題

    3.可以呀~~~Windows 版選擇筆記本右鍵匯出就行了,也可以選擇筆記本中的所有筆記再右鍵匯出^^

    4.我覺得Chrome沒有ScrapBook真的很可惜><

    回覆刪除
  14. 不好用!!

    只要欲儲存的檔案稍微大一點,就不能一鍵儲存到雲端

    另一個我覺得可以改進的是,上傳仍是使用我方網路
    Google只要擷取檔案的連結,再從伺服器那端直接下載到雲端
    對網路慢的使用者來說,會更方便

    回覆刪除
  15. 可以覆蓋到原來的檔案上嗎?
    我發現會出現 檔案名程.png 檔案名程(1).png 檔案名程(2).png

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

最簡單養成習慣方法是「解決問題」,不靠時間表、獎懲與意志力

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱