title: 網頁內容太雜亂，一個步驟化繁為簡：READABILITY

---

**摘要**

可能是最近看了太多像螞蟻字一樣的歪果字，再加上時常瀏覽一些內容不錯但零亂不堪的網站，常常還沒看到重點就先閃過一整頁的廣告或圖片，總覺得眼睛有點乾澀疲勞，後來乾脆都用 RSS 訂閱那些網站，至少看起來版面會乾淨一些… 說時遲，那時快，噗友推薦給一個好用的網站工具，可以把文章版面整理的非常乾淨，就像在看小說一樣，所有的外掛、廣告等的附加物件都會被濾掉，單純顯示文章內容。 這個工具內建四種瀏覽樣式、四種字體大小和四種文字顯示位置，設定好了之後，網站會提供一個書籤(Bookmarklet)加到我的最愛或書籤後，當你看到雜亂無章的網頁時，點一下該書籤(或我的最愛)就可以使用設定好樣式是瀏覽囉！

**Category**

- [網站推薦](https://www.soft4fun.net/category/tech/website-recommand)

**Tag**

- [去廣告](https://www.soft4fun.net/tag/%e5%8e%bb%e5%bb%a3%e5%91%8a)
- [網站工具](https://www.soft4fun.net/tag/%e7%b6%b2%e7%ab%99%e5%b7%a5%e5%85%b7)
- [網站推薦](https://www.soft4fun.net/tag/%e7%b6%b2%e7%ab%99%e6%8e%a8%e8%96%a6)
- [頁面整理](https://www.soft4fun.net/tag/%e9%a0%81%e9%9d%a2%e6%95%b4%e7%90%86)

**圖片清單**

- ![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3751677704_f7e9db3725](http://static.flickr.com/2669/3751677704_f7e9db3725.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3751677704_f7e9db3725")
- ![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886895_5cb1166016](http://static.flickr.com/3501/3750886895_5cb1166016.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886895_5cb1166016")
- ![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886937_b120b93e38](http://static.flickr.com/2488/3750886937_b120b93e38.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886937_b120b93e38")
- ![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886671_59bc41e70d](http://static.flickr.com/2603/3750886671_59bc41e70d.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886671_59bc41e70d")

---

可能是最近看了太多像螞蟻字一樣的歪果字，再加上時常瀏覽一些內容不錯但零亂不堪的網站，常常還沒看到重點就先閃過一整頁的廣告或圖片，總覺得眼睛有點乾澀疲勞，後來乾脆都用 RSS 訂閱那些網站，至少看起來版面會乾淨一些…

 

說時遲，那時快，噗友推薦給一個好用的網站工具，可以把文章版面整理的非常乾淨，就像在看小說一樣，所有的外掛、廣告等的附加物件都會被濾掉，單純顯示文章內容。

          

這個工具內建四種瀏覽樣式、四種字體大小和四種文字顯示位置，設定好了之後，網站會提供一個書籤(Bookmarklet)加到我的最愛或書籤後，當你看到雜亂無章的網頁時，點一下該書籤(或我的最愛)就可以使用設定好樣式是瀏覽囉！沒圖沒真相，請看下面這張圖

  

[![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3751677704_f7e9db3725](http://static.flickr.com/2669/3751677704_f7e9db3725.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3751677704_f7e9db3725")](http://www.flickr.com/photos/14688418@N08/3751677704/)

 

> **網站網址**：[http://lab.arc90.com/experiments/readability/](http://lab.arc90.com/experiments/readability/)

 

Step 1

 

進入READABILITY網站後，在「SELECT YOUR SETTINGS」的三個設定項目自行選擇樣式。Style：頁面樣式，Size：字體大小，Margin：文字對齊方式。

 

設定好了之後，把「ADD YOUR BOOKMARKLET」加到我的最愛或書籤

 

※ IE8：在【READABILITY】按鈕上按右鍵→加到我的最愛，出現安全警示時，按【是】繼續即可

 

[![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886895_5cb1166016](http://static.flickr.com/3501/3750886895_5cb1166016.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886895_5cb1166016")](http://www.flickr.com/photos/14688418@N08/3750886895/)

 

Step 2

 

當瀏覽任何一個頁面，只要按下剛才新增的書籤就會自動切換成你在READABILITY網站設定的樣式來瀏覽。

 

[![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886937_b120b93e38](http://static.flickr.com/2488/3750886937_b120b93e38.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886937_b120b93e38")](http://www.flickr.com/photos/14688418@N08/3750886937/)

 

頁面右邊的功能表功能如下

 

[![網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886671_59bc41e70d](http://static.flickr.com/2603/3750886671_59bc41e70d.jpg "網頁內容太雜亂，一個步驟化繁為簡：READABILITY 3750886671_59bc41e70d")](http://www.flickr.com/photos/14688418@N08/3750886671/)

 http://lab.arc90.com/experiments/readability/ 

- [分享到 Facebook(在新視窗中開啟) Facebook](https://www.soft4fun.net/tech/website-recommand/become-more-clean-pages.htm?share=facebook)
- [分享到 Threads(在新視窗中開啟) Threads](https://www.soft4fun.net/tech/website-recommand/become-more-clean-pages.htm?share=threads)
- [分享到 X(在新視窗中開啟) X](https://www.soft4fun.net/tech/website-recommand/become-more-clean-pages.htm?share=x)
