Clean Web Clipper 加到 Chrome(免費)

適用對象

一鍵把網頁變成講義

直接從瀏覽器列印網頁,會把選單、同意橫幅和廣告都印到講義上。擷取只帶走文字,來源網址保留在檔案裡,標明出處不必多花力氣。

瀏覽器實際印出來的東西

你找到合適的說明,按下列印,預覽顯示三頁:第一頁是導覽,第二頁是你要的文字,第三頁是一整排頁尾連結,中間某處還夾著一則廣告。列印樣式表是網站最先停止維護的東西,還在維護的,也是照網站自己對列印頁面的想像調整,而不是照你的需求。

複製到文件裡也好不到哪去。格式跟著進來,和你的範本打架,圖片以錯誤的尺寸出現,而學生唯一真正需要的來源網址,在貼上時不見了。每週四份讀物,就變成一個小時你從沒打算做的排版工作。

到了隔年九月,連結已經失效。教學建立在重複使用上:同一個說明、同一份練習,調整給不同的班級,而由連結組成的教案,會在暑假期間一頁一頁地悄悄失效,而且毫無預警。學校訂閱的資料更糟:在教職員網路上它為你打開,學生在家卻打不開。放在該主題資料夾中的 .md 檔案,明年在任何電腦上都能打開,不必安裝任何東西。

你改為發下去的東西

只有教材,沒有周圍的網站science.nasa.gov:the water cycle
---
title: "The water cycle"
source: "https://science.nasa.gov/earth/water-cycle/"
extraction: "dom"
---

## Where the water goes

Water moves between the ocean, the atmosphere and the land in a continuous
cycle driven by energy from the Sun.

1. Evaporation lifts water from the surface into the air.
2. Condensation forms clouds as that air cools.
3. Precipitation returns the water to the surface.

為講義設定擷取

學期初花十分鐘。重要的設定,是決定印表機會印出什麼、以及明年九月資料夾長什麼樣子的那些。

  1. 在第一次擷取之前,為你的教材建立資料夾,每個主題一個子資料夾,例如 Teaching/photosynthesis。已經存在的資料夾會被填滿;得在擷取當下才建立的資料夾則不會。
  2. 從擴充功能圖示開啟選項,把存放位置指向那裡。把按下圖示的動作保留為預覽視窗:做講義時,這個視窗就是工作區,因為列印按鈕就在裡面。
  3. 把檔名範本設為 {date}-{title}。這會記錄你擷取教材的年份,讓你分辨今年的頁面版本和去年那班用過的版本。
  4. 教材要印在紙上時,把圖片設為略過。滿是照片的頁面會變成一頁灰色方塊和大量碳粉,而全班要讀的是文字。
  5. 只要一道練習而不是整頁時,先選取它,再按圖示。視窗會開在選取範圍上,頂端的切換鈕會確認你看的是兩者中的哪一個。
  6. 閱讀檢視中檢查結果,它以一般文字顯示擷取內容,沒有 Markdown 符號。這大致就是印出來的樣子。
  7. 想要紙本、不想在磁碟上留檔案時,從視窗列印;教材明年還值得用時,就儲存檔案。兩者來自同一次擷取。

課堂教材的設定

其中兩項和一般讀者的選擇不同:關閉圖片,以及保留而不是跳過預覽視窗。兩者都和紙上的結果有關。

設定為什麼在這裡用這個值
按下圖示預覽視窗列印按鈕和閱讀檢視都在視窗裡;做講義時它就是工作區
存放位置每個主題一個資料夾教材是依主題重複使用,而不是依找到它的那一週
檔名範本`{date}-{title}`分辨今年擷取的頁面和去年那班用過的版本
圖片略過照片印出來是灰色方塊,還耗碳粉;大家要讀的是文字
Frontmatter開啟 `source`講義可以標明資料出處,不必再去查一次
選取範圍選取一道練習,再擷取單一定義或題目,不必連同周圍九個畫面
個別網站規則訂閱制教育網站 → 專屬子資料夾學生在家打不開的教材,值得明顯分開存放
閱讀檢視,圖片設為略過列印前的擷取視窗
Photosynthesis

Plants convert light energy into chemical energy stored in sugars. The
reaction takes carbon dioxide and water and releases oxygen.

The overall equation

  6 CO2 + 6 H2O + light -> C6H12O6 + 6 O2

Two stages

  1. Light-dependent reactions, in the thylakoid membrane
  2. The Calvin cycle, in the stroma

Source: science.nasa.gov

三堂課

一份說明,兩分鐘內印在紙上

你找到一篇程度正適合全班的水循環說明。你擷取它,在閱讀檢視中檢查,按下列印。印出來的紙上是文字、編號的階段和來源行:沒有導覽、沒有同意橫幅、沒有廣告,也沒有第三頁的頁尾連結。

直接列印頁面會印出三張紙,其中兩張是網站本身。差別不在美觀,而在發給全班幾張紙,以及有多少次有人問頂端那個框是做什麼的。

撐過暑假的主題資料夾

一個單元的所有教材在你準備時都擷取到同一個資料夾:說明、兩份練習、一頁詞彙表。到了九月,資料夾打開時和六月一模一樣,而原本四個連結中已有兩個跳轉到改版後的首頁。

因為檔名帶有擷取日期,哪些教材來自網站的舊版本也一目了然。重新擷取其中一份會產生第二個檔案,而不是取代第一個,所以在你決定之前,你教過的那個版本不會遺失。

用三段選取組成一份學習單

一個頁面上有八道練習,你要其中三道。你選取第一道,擷取,選取第二道,擷取,依此類推。三個簡短的檔案,各自帶有來源,你再用學校慣用的工具組成學習單。

擷取選取範圍讓這件事變得很快:擷取視窗頂端的切換鈕會顯示你看的是選取範圍還是整頁,所以不必猜你剛才存了什麼。

和一般製作講義的方式相比

大多數教學團隊這些方法都用過。下面列出的代價,會出現在影印機前的排隊隊伍裡,以及九月。

目前的做法你得到什麼代價是什麼
從瀏覽器列印頁面最後總會得到教材選單、同意橫幅和頁尾也跟著印;列印樣式表是網站最先停止維護的東西
複製到文件可以排版的文字格式和範本打架,圖片尺寸錯誤,網址不見了
截圖放進投影片螢幕上的樣子投影時看不清楚、沒有能放大的文字,也沒有來源行
把連結放到學習平台完全不用準備在頁面移動之前都能用,而且需要教職員登入的教材永遠用不了
Clean Web Clipper乾淨的文字,可列印或儲存,內含來源沒有學習單版面、沒有答題框,也不會替你檢查著作權

講義不對的時候

印出來還是有網站的選單

那是瀏覽器在列印頁面,而不是擷取內容。擷取視窗裡的列印按鈕會印出整理過的文字;瀏覽器自己的列印指令,以及在後面頁面上按 Ctrl+P,印出的是網站排版的頁面。如果視窗開著、裡面的文字看起來沒問題,就從視窗列印。

圖表沒有擷取下來

圖片是指向原始網站的連結,而不是檔案,所以只有在電腦連線、網站仍提供圖片時才印得出來;圖片設為「略過」時則完全不會出現。內容本身就是圖表的教材,請同時開著原始頁面,或另外儲存圖片:擴充功能不下載任何二進位資源。

教材在我們的訂閱範圍內,學生打不開

擷取本身可行,因為擴充功能讀取的是你登入後瀏覽器呈現的頁面,但這不會改變授權允許的範圍。能不能發給全班一份副本,要看你的機構和出版商的協議,答案和影印時一樣。

互動活動擷取出來什麼都沒有

模擬、嵌入式測驗和影片播放器都不是文字:它們是元件,通常位於另一份嵌入的文件中,沒有文章內文可擷取。擴充功能會回報「沒有文章」,而不是傳回周圍的頁面雜物。請改為擷取附帶的說明,並把活動保留為連結。

它不做的事

它不會排版學習單:沒有框線、沒有答題線、沒有品牌標誌。你得到的是乾淨的文字。它不下載圖片,所以內容是圖表圖片的頁面,給你的是連結而不是檔案。它不會替你檢查著作權;你可以為課堂重製什麼,要依你所屬機構的規定。它一次擷取一頁。

加到 Chrome(免費)完全免費。不需要帳號、不需要註冊,也沒有任何限制。

常見問題

可以列印而不儲存檔案嗎?
可以。擷取視窗裡的列印按鈕會以整理過的文字開啟列印對話框,不會寫入磁碟。
學生需要安裝擴充功能才能讀檔案嗎?
不需要。它是一般的 .md 文字檔,任何編輯器都能讀,也能像一般文字一樣列印。
可以移除圖片嗎?
可以,在設定中可以全域移除,也可以只針對某個網站。
在我們付費訂閱的教育網站上能用嗎?
頁面能在你的瀏覽器中呈現,就能用。擴充功能讀取的是你登入後已經看得到的內容。
課堂使用需要付費嗎?
不需要。擴充功能完全免費,個人和專業用途一律如此,不需要帳號,也沒有需要管理的授權。
可以把擷取的頁面上傳到我們的學習平台嗎?
這取決於來源,而不是工具。擷取就是複製,學校可以重製或散布什麼,由網站的條款和你所在國家的教育著作權規定決定,和影印時完全一樣。擴充功能會把來源網址保留在檔案裡,至少讓這個問題容易回答。
之後可以編輯講義嗎?
可以。它是一般的文字檔,任何編輯器都能打開,文字貼進文書處理軟體時也不會帶進網站的樣式,而這正是從瀏覽器貼上時最麻煩的地方。
可以擷取影片課程嗎?
影片本身不行。頁面有文字形式的逐字稿或課程筆記時,那些文字可以正常擷取;頁面只有播放器時,就沒有文章內文,擴充功能會直接說明,而不是傳回周圍的連結。
在學校管理的裝置上能用嗎?
它能在 Chrome、Edge、Brave、Vivaldi 和 Opera 中執行,也不會在你閱讀的網站上要求任何權限,所以申請門檻很低。教職員能否安裝擴充功能,由你們的裝置政策決定,任何擴充功能都無法繞過。
網站禁止選取文字和按右鍵,這會擋住它嗎?
不會。擷取讀取的是頁面結構,而不是你的選取,所以停用複製的腳本無法阻止擷取。擷取選取範圍當然需要先有選取,但擷取整頁不受影響。