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 S7 與 Galaxy S7 edge在截圖時（同時按電源 + 音量鍵，或是手刀滑過畫面），會短暫在下方出現功能選單，讓我們可以針對較長的網頁或是LINE對話，來進行「捲動截圖」，而這個功能也是由Galaxy Note 5移植而來，真的是十分實用呢！
gseun026
圖：Galaxy S7 edge新增了可以截取長網頁或LINE對話頁面的「捲動截圖」功能。


Labels:

Comments

Post a Comment

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 源碼如下:
1 comment
Read more

Maze - Blockly Games

Blockly Games : Maze 1 Question 問題: Solution 解答: moveForward(); moveForward(); Blockly Games : Maze 2 Question 問題: Solution 解答: moveForward(); turnLeft(); moveForward(); turnRight(); moveForward(); Blockly Games : Maze 3 Question 問題: Solution 解答: while (notDone()) {   moveForward(); } Blockly Games : Maze 4 Question 問題: Solution 解答: while (notDone()) {   moveForward();   turnLeft();   moveForward();   turnRight(); } Blockly Games : Maze 5 Question 問題: Solution 解答: moveForward(); moveForward(); turnLeft(); while (notDone()) {   moveForward(); } Blockly Games : Maze 6 Question 問題: Solution 解答: while (notDone()) {   moveForward();   if (isPathLeft()) {     turnLeft();   } } Blockly Games : Maze 7 Question 問題: Solution 解答: while (notDone()) {   moveForward();   if (is
Post a Comment
Read more

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 woowo
Post a Comment
Read more