Print Friendly 自動裁切無用資訊的網頁「列印模式」,幫你省墨水!

作者:

通常當我們需要列印網頁中的文字或相關資訊時,按一下瀏覽器上的列印按鈕就可以完成。但實際上這個列印的動作並無法幫我們篩選網頁上的文字區塊、圖片或其他不需要的資訊。雖然也有很多網頁提供了「列印模式」的友善版面,不過還是有更多網站並不提供此功能,也有很多網站一按列印,整個網頁版面就亂掉。

如果你不想把網頁中的一堆無關緊要的圖片或廣告畫面也印下來的話,大部分都是透過抓圖軟體先抓圖下來再做編輯,現在,我們可以透過Print Friendly網站所提供的服務,來幫我們在列印前預先將不需要的文字區塊、圖片或廣告版面篩選掉,讓我們只列印所需資訊即可。(當然也可以省點墨水...)


 

先看一下Print Friendly網站所提供的DEMO影片: (英文)

 

 

 

一、Print Friendly使用方法:

第1步  開啟Print Friendly網站,用滑鼠左鍵按住「Bookmarklet」下方的「Print Friendly」按鈕並將他拖拉到瀏覽器的書籤工具列上。如果你是使用IE的話,可以在「Print Friendly」按鈕上按滑鼠右鍵再點選【加到我的最愛... 】。

01-Print Friendly 自動裁切無用資訊的網頁「列印模式」,幫你省墨水!

 

第2步  下次當我們想透過印表機列印某個網頁的內容時,可以直接按一下書籤工具列上的「Print Friendly」按鈕,他會自動出現一個列印預覽畫面,畫面中會自動調整網頁版面成為較適合列印的形式,連一般廣告區塊也都自動刪減掉了。我們可以瀏覽一下頁面中的資訊、刪減相關訊息,然後按一下〔print〕按鈕將他列印出來,或者按〔get pdf〕另外存成PDF文件檔(尚不支援中文)。

02

 

第3步  預覽列印畫面時,我們可以將滑鼠移動到你要刪減的內容上方,確定不列印該筆資訊的話請按一下「click to delete」,全部檢查、刪減過後可以再按下〔print〕按鈕網頁內容列印出來。

03

 

第4步  另外,如果你希望能減少印表機的墨水消耗,可以勾選右上角的「remove images」,將畫面中的圖片都拿掉,這樣一來就可以只印出文字訊息,不耗費多餘的墨水來印其他圖片囉!當然,我們也可以不勾「remove images」,而用滑鼠一張一張的選擇是否列印。

04

 

 

二、幫你的網站安裝「列印按鈕」

另外,Print Friendly網站也給一般站長提供了一個簡單好用的Print Friendly列印按鈕,一般網站可以直接選擇列印按鈕的樣式並複製下方的程式碼,再貼上到HTML網頁檔或網站的佈景主題中。如果你使用Wordpress架站的話,他還提供了一個WP的外掛程式,讓參觀你的網站的網友可以更方便的列印頁面中的資訊。

05



无觅相关文章插件,快速提升流量

非經授權,請勿全文轉載,本文網址:
→ 免費訂閱最新文章:  (如何訂閱?)
作者: | 發佈日期:
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

 

歡迎留下你的想法或意見...

  1. 訪客 說道:

    好推介。。謝

  2. 訪客 說道:

    We are US Leading DVD Box Set Wholesaler and Dropshipper and Retailer, We provide the latest TV series DVD Box Sets and movie collections. free shipping to US & CA.

    http://www.ciscy.com/

  3. 訪客 說道:

    Wholesale cheap designer clothes,handbags,footwear,sunglasses for sale

    http://baglx.org/

  4. 說道:

    Firefox用AardVark這個外掛更方便,直接操作CSS,就可以去嘸存菁了。

  5. JC 說道:

    我試著在自己網站上箝入他的站長工具,但是無法使用呢。似乎只要是中文文字他就無法正確顯示預覽結果,連帶也讓列印格式有問題

發表迴響

你的電子郵件位址並不會被公開。

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>