Skip to main content

How to capture or save all scroll of the webpage to picture or files? 如何將網頁或是新聞整頁(包含卷軸下)存起來

整理的方法有下列幾種:

  • 將網頁內容儲存至 Google 雲端硬碟 - #PC
  • 將網頁內容儲存至 Google 雲端硬碟 - #Android
  • 使用 Google 雲端列印  - #Android
  • 將網頁內容儲存至 Evernote - #Android #Evernote




"在PC上" 將網頁內容儲存至 “Google 雲端硬碟” - #PC #Google Drive




說明:

  • 可以設定要儲存網頁到那一個 Google Drive 資料夾
  • 可以自訂另存網頁為:
    • 將整個網頁存成圖片 (.png) [圖片]
      自動捲動擷取網頁為PNG圖檔,排版就瀏覽器看到的格式儲存不會跑掉,占檔案空間較大。
    • 將顯示的網頁內容另存圖片 (.png) [圖片]
      只擷取目前顯示在螢幕上的網頁為PNG圖檔(不自動捲動),排版就瀏覽器看到的格式儲存不會跑掉,占檔案空間大。
    • HTML 來源 (.html) [文字]
      擷取網頁為HTML文字檔原始檔,連結及圖檔則還是用原來超連結,不會真的存下來,所以網路上的圖片如果被刪除就看不到了。占檔案空間很小。
    • 網頁封存 (.mht) [文字]
      擷取網頁為 mht 網頁封存檔,連結及圖檔有儲存在檔案中所以占檔案空間較大,
      在 Google Drive 中不能直接開啟觀看,需要下載用瀏覽起開啟。

    • Google 文件 [文字]
      擷取網頁為 Google Doc 格式文件,排版可能會跑掉,
      由於使用  Google Doc 格式所以不占 Google 空間。




將網頁內容儲存至 Google 雲端硬碟 - 電腦 - Google 雲端硬碟說明

取得「儲存至 Google 雲端硬碟」Chrome 擴充功能
您可以從 Chrome 線上應用程式商店下載「儲存至 Google 雲端硬碟」擴充功能。
儲存項目或網頁
  1. 在電腦上開啟 Google Chrome。
  2. 開啟您要儲存內容的網頁。
    • 儲存連結、圖片、HTML 5 音訊或影片:在您要儲存的項目上按一下滑鼠右鍵,然後按一下 [將<項目>儲存到 Google 雲端硬碟]。
    • 儲存網頁:按一下右上角的 Google 雲端硬碟 Google 雲端硬碟
取消下載
按一下上傳視窗中的 [取消]。
變更網頁內容的儲存方式
在右上角依序按一下「儲存至 Google 雲端硬碟」圖示 Google 雲端硬碟 接著 [選項]。




使用 Chrome Extension Google Drive


  1. 在 Chrome 線上應用程式商店 搜尋 Google Drive

  1. 按下 “加到 CHROME” 按鈕新增至 CHROME 擴充功能



  1. Chrome 瀏覽器上方工具列會出現  "Google Drive 圖示"


  1. 按滑鼠右鍵選擇Google Drive 圖示" 選擇"選項",
    您可以選擇要儲存的形式以及存在 Google Drive 的位置



  1. 瀏覽網頁時只要點選 Chrome 瀏覽器上方工具列 "Google Drive 圖示",就可以自動擷取目前的完整網頁至 Google Drive 保存了。





"在Android上" 將網頁內容儲存至 "Google 雲端硬碟" - #Android


目前只能儲存連結 至 Google 雲端硬碟 或 Google Keep




使用 "Google 雲端列印" 將網頁內容儲存至 “Google 雲端硬碟”   - #Android





將網頁內容儲存至 "Evernote" - #Android #Evernote



如何在 Android 及 iOS 裝置上擷取網頁及內容 – 支援 & 學習中心

擷取並儲存網頁到 Evernote
  1. 開啟裝置中的任一瀏覽器
  2. 點擊 iOS 的分享鍵或您 Android 裝置選項選單中的分享選項
  3. 點選 Evernote 或 Evernote 分享選項

將網頁內容儲存為圖形檔 使用 "Samsung捲動截圖"  - #Android #Samsung #Screen Capture



支援 Samsung捲動截圖機種:
  • Samsung Note 5
  • Samsung Note 7
  • Samsung Note 8
  • Samsung Galaxy S7
  • Samsung Galaxy S7 Edge



Galaxy S7 / S7 edge - 如何擷取螢幕截圖?

Last Update date : 2016.05.19
<方法一、按住首頁鍵與電源鍵>
請同時按住首頁鍵與電源鍵即可擷取螢幕截圖。擷取完成後,您可以在「媒體瀏覽器」中檢視所擷取的影像。
01
<方法二、滑動手掌以截圖>
開啟應用程式螢幕,輕觸設定 > 進階功能 > 滑動手掌以截圖,然後輕觸開關以啟動。您可以用手在螢幕上向左或向右滑動,擷取螢幕截圖。
<方法三、智慧截圖>
您可以擷取目前的螢幕與可2
滾動區域。您也能立即裁切並分享擷取的螢幕。
如果此功能尚未啟用,開啟應用程式螢幕,輕觸設定 > 進階功能 > 智慧截圖,
然後輕觸開關以啟動並擷取螢幕截圖。

3
在想要擷取的螢幕上使用下列選項之一:
• 截更多圖:擷取更多跨越多個螢幕的內容,如網頁。螢幕將自動向下捲動,同時擷取更多內容。
• 分享:分享螢幕截圖。
• 裁剪:裁切螢幕截圖的一部分。







如何使用捲動截圖


4.保存網頁、LINE對話好方便!從Note 5搬過來的「捲動截圖」!
Galaxy S7Galaxy S7 edge在截圖時(同時按電源 + 音量鍵,或是手刀滑過畫面),會短暫在下方出現功能選單,讓我們可以針對較長的網頁或是LINE對話,來進行「捲動截圖」,而這個功能也是由Galaxy Note 5移植而來,真的是十分實用呢!
gseun026
圖:Galaxy S7 edge新增了可以截取長網頁或LINE對話頁面的「捲動截圖」功能。


Comments

Popular posts from this blog

KSB037 Motor Board 馬達板擴充積木

KSB037 Motor Board 馬達板擴充積木 key: makeblock,microbit,motor Description 說明: 使用 KSB037 Motor Board 馬達板擴充積木 https://github.com/edisonchiu/pxt-motor-KSB037 History v0.1 來源版本 https://github.com/lioujj/KSB037 v0.2 修正字串錯誤 Step 步驟: 1. Makeblock -> Advanced -> Add Package 2. 在 Search or enter project URL… 輸入擴充積木網址,      https://github.com/edisonchiu/pxt-motor-KSB037 3. 按下搜尋會出現擴充積木,按下去新增擴充積木 4. 積木區就會出現新的積木可以用了。 KSB037 馬達擴充板 擴充積木測試程式 KSB037_CustomBlock_Test 目的說明: 按下按鈕可以測試馬達和板子是否正常運作 注意事項: 馬達擴充板 外接馬達需要外接電源,且電源開關需要開啟。 馬達擴充板 指撥開關 2,3,4,5 需要在 ON 的狀態。 功能說明: 按 A 左邊馬達往前全速(1023)運轉。 按 B 右邊馬達往前全速(1023)運轉。 按 A+B 兩邊邊馬達同時往前全速(1023)運轉。 以上皆非則馬達停止顯示中心一個點。 micro:bit - KSB037 Motor Simple Test (JavaScript) Source Code 源碼如下:

Image Decoder - Grasshopper

  Image Decoder Details 詳細解說: // 宣告變數 img, 型態自動依初始值設為字串 // 設定初始值為存放影像編碼 var img = "ewvveewvvw wiiwiiw webbwbbew weeggweggw ewyyewyyew woowoowe wrreewrrw"; 程式一開始宣告變數 img 存放影像編碼,影像編碼內穿插了 ‘e’ 這個字元符號,這個多餘的字元符號可以是任何沒有使用到的字元都可以替代,例如使用 ‘x’,或是使用兩種以上都可以,不過程式解碼時要記得都要濾掉。 這些多餘的字元符號把原來的圖案弄亂,所以可以讓不知道解碼的人看不出來是什麼圖案。如果我們收到知道如何解碼,可以把 'e' 字元符號去掉(Filter out 'e’),就可以看到原來的圖案了 IMAGE DATA // 原來要顯示的圖樣 空白字元表示換行 var img =      "wvvwvvw wiiwiiw wbbwbbw wggwggw wyywyyw woowoow wrrwrrw" IMAGE DATA ENCODE // 影像編碼內穿插了 ‘e’ 這個字元符號,把原來的圖案弄亂 var img = "ewvveewvvw wiiwiiw webbwbbew weeggweggw ewyyewyyew woowoowe wrreewrrw" // 解碼部分,依序判斷陣列中的字元不為’e’ 則畫出編碼內容方塊 for (var letter of img) {   if (letter !== ‘e’) {     drawBoxes(letter);   } } // 將變數 img 印出,  print(img); 因為我們並沒有改變 img 內容,所以 img 內容仍是含有 ’e’ 字元未解碼的狀態  YOUR CODE // 宣告變數 img, 型態自動依初始值設為字串 // 設定初始值為存放影像編碼 var img = "ewvveewvvw wiiwiiw webbwbbew weeggweggw ewyyewyyew woo...

Chromecast 一代改造 改善散熱及收訊問題

Google 的 Chromecast 可以放方便的把影像投放到電視上,可是一代的機構設計過於狹小,導致散熱不易,過熱的時候會出現 LAG 或是連線中斷的情況,尤其是使用 Mirror 鏡射功能的時候,或是有連續使用較長的時間,LAG的情況會變得很嚴重。 另外就是收訊問題,一代的天線只有一根,如果放在電視後方(尤其是如果是有鐵殼的電視), 或是基地台距離比較遠導致訊號不好時也會常有 LAG 的情況發生。 Chromecast 二代有對這兩個問題作修正,可是手上已經有Chromecast 一代的怎麼辦? 為了解決一代過熱及收訊不良的問題,對 Chromecast 做些改造改善散熱及收訊部分, 不過只要是拆開了就沒有保固了,不過一代的產品應該也都過保固了就是。 如何拆解請參考 Chromecast Teardown - iFixit https://www.ifixit.com/Teardown/Chromecast+Teardown/16069 拆開之前拍的照片找不到了, 借用 iFixit 圖片方便做說明。 首先把 Chromecast 拆開,周圍看起來好像是用膠或是超音波融合, 需要用些方式從HDMI接頭沿著外圍一一撥開 裡面是由鐵殼做屏蔽,散熱由導熱矽脂將熱量導上殼的一個鋁塊作散熱 圖中上殼內面綠綠的就是導熱矽脂 裡面有一個刻有編號的鋁塊 將鋁塊移除後下方也是使用大量的導熱矽脂做散熱將熱量導到塑膠殼上 散熱不佳一個原因是晶片到屏蔽殼有個不小的高度差(約1mm),屏蔽殼到散熱鋁塊也有個高度差, 散熱鋁塊到外殼也是有高度差,即使是使用了導熱矽脂做熱量的導出, 這些高度差也會導致散熱的速度不佳。 再來即使熱量導到散熱鋁塊,也因為外殼為塑膠材質無法快速的散熱, 最後熱量持續的累積導致溫度過高。 圖: PCBA正面 紅色框框內就是我們主要要加強散熱的晶片位置,也就是要熱量產生最多的來源。 仔細看了一下,手上這版 Chromecast 1 處理器已經改用 Chromecast 2 同樣新版的處理器以及周邊IC ⬤ Marvell ARMADA 1500 Mini Plus SoC (88DE3006) ...