快樂過每一天手機版--快樂手機版
因為使用手機上網的這個趨勢已經像波多野結衣下馬一樣,
擋也擋不住,而且都可以讓大家用(看)的很開心,
受限於手機螢幕大小的限制以及處理複雜網頁上的效能,
如果硬是要用手機來開啟一般的頁面,順利的話,一切正常;不順利的話,將會發現破圖破一堆,而顯示頁面的時間也會拉很長,
因此許多網站、Blog都會提供手機版(Mobile version)的頁面供大家在手機上面觀看,
像是我以前介紹過的中央氣象局或是Plurk。
所謂的手機版頁面就是將一般網頁上多餘的東西拿掉,只提供主要內容的頁面,
什麼叫做多餘的東西呢?!
就是廣告、Widgets等東西,這些東西並不是我們去看一個Blog主要會看的東西,我們主要的焦點是放在內容中,
手機版頁面就是只提供這樣的內容,把不要的丟掉,以增加手機開啟頁面的速度。
而網站是怎麼判斷說,我是用電腦的瀏覽器還是用手機的瀏覽器來上網呢?
每個瀏覽器都會有一個用來辨識它自己的名稱,叫做user-agent,
user-agent會長的像下面這樣,
透過這樣的辨識方法,網站就可以知道使用者是使用怎樣的裝置來瀏覽,並回覆適合的頁面供使用者瀏覽,
現在也有很多extension可以讓使用者改變瀏覽器的user-agent,像是Firefox上的User Agent Switcher。
在Blogger上面,要如何能產生手機版的頁面呢?
網路上可以找到一些服務可以用來產生,通常就是去抓內容的Feeds,以下我就分享一些我用過的(也才兩個....)
1. MoFuse
去年我有先使用這一家提供的服務來產生手機版的頁面,這是要收費的服務,有提供14天的試用期,不同的費用有提供不同的服務,詳細內容在這裡,
不過我不是很喜歡它的版面,可能是試用版的關係,版面相當的陽春,看了並不會快樂XD
收費版的看起來好像又提升了一個等級,後台管理好像很強大,
有這方面需求的人,可以參考看看。
2. Blogger Touch
這是免費供大家使用的服務,設定的方式相當無腦,剪剪貼貼就完成了,
版面相當的有水果味(註1),看起來相當的舒服,用iPod touch觀看一整個搭配,在N97上看就是覺得怪怪的XD
因為是免費的,所以我目前就用它來產生我的Blog手機版囉!
如果這兩個服務不能滿足你的需求,可參考這篇文章,
5 free ways to create a mobile version of your website
有其他的選擇可以選擇唷!
而各位想看手機版的頁面長得怎樣,可以用你手中的手機輸入我Blog的網址,
它會自動將你導向手機版的頁面,如果沒有的話,那就代表Blogger Touch尚未支援你手機的瀏覽器唷!
或是從右邊的快樂手機版widget連結進入手機版頁面,就可以在電腦上瀏覽唷!
大家也來製作一個屬於自己的手機版Blog吧!
註1:水果味:意指該產品有濃濃的蘋果公司(Apple Inc.)設計元素,一看到會讓你認為這是蘋果公司的產品。
擋也擋不住,而且都可以讓大家用(看)的很開心,
受限於手機螢幕大小的限制以及處理複雜網頁上的效能,
如果硬是要用手機來開啟一般的頁面,順利的話,一切正常;不順利的話,將會發現破圖破一堆,而顯示頁面的時間也會拉很長,
因此許多網站、Blog都會提供手機版(Mobile version)的頁面供大家在手機上面觀看,
像是我以前介紹過的中央氣象局或是Plurk。
所謂的手機版頁面就是將一般網頁上多餘的東西拿掉,只提供主要內容的頁面,
什麼叫做多餘的東西呢?!
就是廣告、Widgets等東西,這些東西並不是我們去看一個Blog主要會看的東西,我們主要的焦點是放在內容中,
手機版頁面就是只提供這樣的內容,把不要的丟掉,以增加手機開啟頁面的速度。
而網站是怎麼判斷說,我是用電腦的瀏覽器還是用手機的瀏覽器來上網呢?
每個瀏覽器都會有一個用來辨識它自己的名稱,叫做user-agent,
user-agent會長的像下面這樣,
很明顯的,我們就可以這資料中發現,這是Firefox瀏覽器,而版本是3.6.6,Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6 GTB7.0
透過這樣的辨識方法,網站就可以知道使用者是使用怎樣的裝置來瀏覽,並回覆適合的頁面供使用者瀏覽,
現在也有很多extension可以讓使用者改變瀏覽器的user-agent,像是Firefox上的User Agent Switcher。
在Blogger上面,要如何能產生手機版的頁面呢?
網路上可以找到一些服務可以用來產生,通常就是去抓內容的Feeds,以下我就分享一些我用過的(也才兩個....)
1. MoFuse
去年我有先使用這一家提供的服務來產生手機版的頁面,這是要收費的服務,有提供14天的試用期,不同的費用有提供不同的服務,詳細內容在這裡,
不過我不是很喜歡它的版面,可能是試用版的關係,版面相當的陽春,看了並不會快樂XD
收費版的看起來好像又提升了一個等級,後台管理好像很強大,
有這方面需求的人,可以參考看看。
2. Blogger Touch
這是免費供大家使用的服務,設定的方式相當無腦,剪剪貼貼就完成了,
版面相當的有水果味(註1),看起來相當的舒服,用iPod touch觀看一整個搭配,在N97上看就是覺得怪怪的XD
因為是免費的,所以我目前就用它來產生我的Blog手機版囉!
如果這兩個服務不能滿足你的需求,可參考這篇文章,
5 free ways to create a mobile version of your website
有其他的選擇可以選擇唷!
而各位想看手機版的頁面長得怎樣,可以用你手中的手機輸入我Blog的網址,
它會自動將你導向手機版的頁面,如果沒有的話,那就代表Blogger Touch尚未支援你手機的瀏覽器唷!
或是從右邊的快樂手機版widget連結進入手機版頁面,就可以在電腦上瀏覽唷!
大家也來製作一個屬於自己的手機版Blog吧!
註1:水果味:意指該產品有濃濃的蘋果公司(Apple Inc.)設計元素,一看到會讓你認為這是蘋果公司的產品。
這趨勢的形容法實在是... 下碼通常不是指過氣了嗎? XD
回覆刪除你管我XD
回覆刪除我的下馬定義是大家都愛看、大家都期待XD