PrintWhatYouLike 功能最強大的網頁排版列印輔助工具

print-01

上次寫過「The Printliminator 簡單易用的網頁列印前版型優化調整工具」一文後,有許多讀者在該文留言下推薦了Print What You Like」這款工具,非常感謝這些讀者們的提醒,讓我發現了另外一個功能更豐富強大,適用範圍也更廣的網頁重新排版優化列印小工具。

「Print What You Like」是免費的網站服務,也提供簡便的書籤小工具(bookmarklet);當你想要將某個網頁裡的內容列印出來時,透過PrintWhatYouLike,你可以將網頁中的廣告等無關元素全部去除,或者移除網頁中的背景,刪除文章裡不需要的圖片,最後保留真正需要列印的圖文內容,還能適度的進行簡易排版,讓最後列印的效果更易讀也更節省墨水。

如果你願意的話,PrintWhatYouLike也可以在你覺得某個網頁內容不易閱讀時派上用場,幫你快速把網頁版面調整成你希望的閱讀方式,還能將重新排版後的網頁轉存成PDF或HTML檔案分享。

 

  • 01.獲得書籤小工具

你可以在PrintWhatYouLike網站首頁的網址欄位輸入某個網頁網址,就能開啟排版列印的編輯工具列。或者你可以來到PrintWhatYouLike書籤小工具頁面,將「PrintWhatYouLike」連結拖曳到書籤工具列,或按右鍵將該連結加入書籤(我的最愛);這樣以後你只要點擊這個書籤連結工具,就能在網頁中打開PrintWhatYouLike工具列。

print-02

 

  • 02.啟動PrintWhatYouLike工具列

來到你想要列印或排版的網頁,按下書籤裡的「PrintWhatYouLike」,就可以看到網頁左方多出了一條PrintWhatYouLike的編輯工具列,稍後你的所有操作都會在這個工具列中完成。

print-03

 

  • 03.選取版面欄位區塊後進行編輯

首先我們可以利用滑鼠在右方的網頁畫面中,隨意選取多個網站欄位區塊。選取後你可以在左方工具列的「Selection」功能區進行編輯:

  • Isolate:保留你選取的區塊。
  • Remove:移除你選取的區塊。
  • Fit To Width:將你選取區塊中的內容寬度變成與畫面等寬。
  • Resize:調整選取區塊的所佔空間大小(這是個很有用的功能,幫你把一些佔用太多空間內容縮小,有利於版面更整齊緊密)。

然後你也可以在「Select」中點選〔Clear〕,取消剛剛選取的區塊,重新調整。

print-04

 

  • 04.調整頁面字體與移除背景圖片

如果你覺得網頁中的字體太小或太大,都可以利用「Page」功能區來調整字體大小,讓列印後的閱讀效果更好。

而現在很多部落格或網站可能都設計了五顏六色的背景圖,但這樣的背景圖片在列印上卻會成為一種視覺阻礙,所以你也可以點選〔Remove background〕來移除背景圖,或是點選〔Remove Images〕來移除所有圖片。讓列印效果更省墨水也更易於閱讀。

print-05

 

  • 05.快速自動格式化內容:變成純文字

如果你根本懶得調整,或者很趕時間,只想趕快獲得網頁中的主要文字內容並列印出來,那麼你可以直接按下工具列上的〔Do It For Me!〕,透過這個自動格式化功能,將會幫你移除所有圖片和版面多餘元素,只保留主文的文字內容。

print-06

 

  • 06.復原之前的編輯動作

PrintWhatYouLike令我覺得最貼心的一點是提供了〔Undo〕的功能,你可以隨意復原剛剛進行的編輯動作,如果效果不滿意,隨時都能快速返回前一步。

最後如果覺得已經編輯排版完成,按下〔Print〕就能啟動印表機列印。

print-07

 

  • 07.將排版後網頁另存新檔

除了優化列印外,因為PrintWhatYouLike也提供了很好用的網頁排版工具,所以你可以利用PrintWhatYouLike來排版網頁內容,並將調整後更易於閱讀的文章檔案分享給朋友。在PrintWhatYouLike工具列中的「Save as」可以將排版後網頁儲存成PDF或HTML檔案不過比較可惜的就是PDF轉檔不支援中文內容。

print-08

留言

  1. 若另存pdf可以支援中文就好了

    回覆刪除
  2. 這試過除英文外,中日文都不支援另存PDF,太可惜了

    回覆刪除
  3. 恩恩 轉存PDF功能如果更強大就好囉^^

    回覆刪除
  4. 奇怪??
    是firefox不支援嗎?
    開出來只有一個空白分頁,
    網址列一堆javascrip的語言
    javascript:(function(){if(window['ppw']&&ppw['bookmarklet']){ppw.bookmarklet.toggle();}else{window._pwyl_home='http://www.printwhatyoulike.com/';window._pwyl_pro_id=null;window._pwyl_bmkl=document.createElement('script');window._pwyl_bmkl.setAttribute('type','text/javascript');window._pwyl_bmkl.setAttribute('src',window._pwyl_home+'static/compressed/pwyl_bookmarklet_10.js');window._pwyl_bmkl.setAttribute('pwyl','true');document.getElementsByTagName('head')[0].appendChild(window._pwyl_bmkl);}})();

    大威

    回覆刪除
  5. 我文章裡的圖片就是用firefox操作示範的喔^^

    可以看看文章教學,是否有什麼步驟做錯了?

    另外是否為特定網站才會發生的問題?

    回覆刪除
  6. 唯有可以print到一些PDF printer那裡

    回覆刪除
  7. PrintWhatYouLike工具,
    真的解決我目前碰到的列印問題,
    因為常找&print資料,
    可卻常碰到不想要的資料一起印,
    結果就只能用word剪剪貼貼, 超不smart,
    使用Clipmarks還有限制, 真的讓人很困擾,
    感謝異塵!
    這下終於可以事半功倍了,
    工作有效率, 早早下班並非難事 ^^v

    回覆刪除
  8. 留言感謝是最大的鼓勵阿^^

    回覆刪除
  9. 真的是好物。雖然有Evernote。
    感謝格主分享。

    回覆刪除
  10. 要轉PDF朋友參考,
    轉出HTML。用IE開列印成PDF
    有點土炮 (多一道),需要PDF可以湊合著用。

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

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

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

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

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

ChatGPT Search 實測:用 AI 搜尋生成即時報導、摘要文章、整理改寫內容

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

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

Notion 表單兩個應用案例教學:建立客服網頁,讓專案團隊回報資料更方便

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