※ [本文轉錄自 iPhone 看板] 作者: iPluto (ipluto.wordpress.com) 看板: iPhone 標題: [心得] Readability 把網頁改成mobile版！ 時間: Sat Apr 3 15:44:58 2010 網誌圖文版 http://wp.me/pAl2D-bQ 雖然iPhone的Safari已經很好用了 雖然很多站台都提供mobile版的網頁讓閱讀更輕鬆 不過有時候就是會有些網頁在iPhone上看起來慘不忍睹 甚至有些文字看不到... 更別書很多網站花花綠綠阻礙閱讀= =+ 這時候你需要Readability 他是一個可以加在書籤裡的java script碼 只要把它設為書籤 之後連到難看的網頁，只要打開書籤選單點下readability 網頁就會自動排版成適合閱讀的方式！ 要怎麼把一個javascript加入書籤呢？ 我自己的作法是先到http://lab.arc90.com/experiments/readability/ 做好自己的設定後(個人建議Newspaper/Medium/Extra Wide) 把它的按鈕拉到你的書籤列，再接上iPhone同步書籤 當然你有本事把整段Javascript碼弄上iPhone的話(看要用email寄過去收下來還是) 可以直接在iPhone的Safari開一個書籤然後編輯網址把程式碼貼上 (程式碼就請你在電腦裡把Readability加入書籤，然後去檢視他的網址內容) 接下來我們來看看幾個case (以下有圖...所以還是看圖文版吧XD) 這是朋友的無名網誌，因為選擇的主題問題，只能看到部分的文字， 捲軸完全出不來，也就是畫面以下的字全部都看不到 這時候只要打開書籤選單，選擇之前加入過的Readability 網頁馬上就會被自動排版，所有不相干的廣告啊...按鈕啊...全都不見了 而且文字還被調整到很剛好的寬度和大小 我們再來看另一個Case，鳥哥的Linux私房菜很有名吧！ 鳥哥的網頁雖然做的不錯，但是每一行的字太多了， 在iPhone上看起來就是要一直左右捲動，不然字會太小， 如下： 一樣我們開啟Readability～ 越來越糟？不！真正的iPhone使用者就知道這樣點兩下放大後大小剛剛好！ 如何？這樣看起來是不是舒服多了呢？ -- ◢◤ ◢███◤ ◢◤ ◤ ◢◤ ◢◤◤ ◢◤◤ ◢◤ ◢◤ ◢███◤◤ ◢◤◤ ◢◤ ◢◤ ◢██◤ ◢███◤ ◢◤◤ ◢◤ ◤ ◢◤◤ ◢◤◤◢◤◤ ◢◤◤◤ ◢◤◤◢◤◤ ◢◤◤ ◢◤◤ ◢◤◤ ◢███◤◤ ◢█◤ ◢███◤◤ ◤ ◤ ◤ ◤ ◤ ◤ --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 164.67.237.159 -- ◢◤ ◢███◤ ◢◤ ◤ ◢◤ ◢◤◤ ◢◤◤ ◢◤ ◢◤ ◢███◤◤ ◢◤◤ ◢◤ ◢◤ ◢██◤ ◢███◤ ◢◤◤ ◢◤ ◤ ◢◤◤ ◢◤◤◢◤◤ ◢◤◤◤ ◢◤◤◢◤◤ ◢◤◤ ◢◤◤ ◢◤◤ ◢███◤◤ ◢█◤ ◢███◤◤ ◤ ◤ ◤ ◤ ◤ ◤ --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 164.67.237.159