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教學+比較表

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

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

3個 ChatGPT 輸入到輸出實驗,第二大腦筆記用 AI 生成文章報告

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

如何為筆記命名,建立搜尋規則?我的標題、分類、標籤命名法

Google 表單的 10 個專業問卷調查設計秘密教學

Draw.io 中文線上製作流程圖首選!專業水準完全免費

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

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