天天看點

《HTML5移動Web開發實戰》—— 1.9 定義一個内容政策

本節書摘來異步社群《html5移動web開發實戰》一書中的第1章,第1.9節,作者:石川,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

html5移動web開發實戰

适用浏覽器:所有

通過分析工具搜集到的資料,你可以定義一個内容政策,這對已經有了一個桌面網站的人是非常有用的。

确認你已經把分析工具的javascript代碼嵌入到網站中。

1.進入分析工具,在左邊導航欄中點選閱聽人群體 | 移動裝置,如圖1-11所示。

《HTML5移動Web開發實戰》—— 1.9 定義一個内容政策

2.現在點選裝置,你可以看到人們使用什麼裝置浏覽你的網站,如圖1-12所示。

《HTML5移動Web開發實戰》—— 1.9 定義一個内容政策

google analytics可以分析浏覽你的網站最常用的移動裝置,也可以分析你的網站最受歡迎的部分。

人們使用移動裝置上網的目的與使用桌面裝置上網是不同的,例如:對于一個産品銷售網站,大部分使用者使用移動裝置常常檢視聯系方式、位址和服務,而使用電腦的使用者常常搜尋産品目錄、公司簡介和産品描述。google analytics可以分析哪個部分或頁面是通路量最大的,除了google analytics,你也可以使用我們早前發現的percentmobile,如圖1-13所示。

《HTML5移動Web開發實戰》—— 1.9 定義一個内容政策

浏覽器分級

使用分析工具是決定支援哪些浏覽器的方法之一,另一種是依據浏覽器分級。jquery mobile有一個很好的浏覽器支援表:<code>http://jquerymobile.com/gbs/</code>,同時還有一個jquery mobile的ppt讨論了所有移動網站開發政策:<code>http://www.slideshare.net/jeresig/testing-mobile-javascript</code>。

移動裝置資訊

我與jonathan neal和其他很多人合作總結了一個移動裝置中前端相關的資訊表:

它包含了目前市面上大部分的智能手機,以及他們的螢幕尺寸、dpi(dots per inch,點每英寸)和作業系統。

繼續閱讀