[心得] Readability 把網頁改成mobile版！

看板iPod作者iPluto (ipluto.wordpress.com)時間14年前 (2010/04/03 16:35)推噓4(4推 0噓 0→)

留言4則, 4人參與討論串1/1

※ [本文轉錄自 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