《jQuery Mobile入門經典》—— 1.2 支援的裝置

本節書摘來異步社群《jquery mobile入門經典》一書中的第1章，第1.2節，作者：【美】phil dutson，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

jquery mobile入門經典

jquery mobile能用在什麼裝置上面呢？幾乎所有具有浏覽器的裝置都可以運作jquery mobile（包括桌上型電腦）。然而根據所使用的浏覽器以及浏覽器之下的硬體裝置的不同，将獲得不同的體驗。當然從更深的層次來看，這也與裝置所使用的作業系統有關。以下按裝置的尺寸從大到小列出jquery mobile支援的裝置。

使用jquery mobile的網站可以運作在pc、mac或者linux計算機上的任何現代浏覽器中（注意：“現代”浏覽器是指支援html5标記和部分css3樣式的浏覽器）。在firefox、chrome、safari或者opera上浏覽移動網站應該可以獲得良好的效果，因為它們全都支援某些html5标準。您可能偶爾會看到有些圓角未能正确顯示為圓角，但大多數情況下，網站顯示正常，表現和預想的一樣。即使是chrome desktop，在jquery mobile下也能正常顯示和工作。

在平闆電腦上使用jquery mobile能夠獲得怎樣的體驗，不僅取決于支援的浏覽器，還取決于平闆電腦的處理能力。

許多平闆電腦具備一塊大的螢幕，這就需要相當規模的處理能力來驅動那塊螢幕。這意味着，雖然網站仍然能快速載入并且正确渲染，但一些頁面轉場動畫和對話框彈出動畫可能會出現跳幀的情況。這并不一定說明您的網站真的很慢，隻是在某些平闆電腦上可能會出現卡住或停頓的現象。

為了弄清楚這個問題，我在ipad和ipad2上做了測試，發現所有的特效和頁面轉場動畫和我預想的一樣平滑流暢。當在galaxy tab 10.1上測試的時候，效果仍然流暢，但我注意到偶有卡住或停頓，或者是當螢幕進行頁面轉換時，完全沒有動畫效果。

雖然我沒有親自測試過touchpad、ziio、playbook或新的archos平闆電腦，但據報道，它們在處理jquery mobile應用方面都相當流暢。

智能手機數量太多以至不能全部列出，是以這一部分讨論對各種手機作業系統的支援。重申一下，除了有可能不支援某些進階特性和ajax加載外，jquery mobile幾乎能夠運作在每一種作業系統平台上。這也說明了為什麼使用jquery mobile是一個明智的選擇。它能夠支援舊裝置并保證網站仍能正常運作，這十分必要。

1．android

如果使用android裝置上的内置浏覽器，所有的進階特性都可以發揮作用，您将看到一系列完整的、美妙的可視化轉場效果。值得注意的是，如果使用的是fennec、firefox或opera移動浏覽器，可能會遇到一些樣式問題和動畫缺乏完整支援的問題，但整體的體驗應該說還是令人滿意。

2．ios

jquery mobile在iphone上處理的方式真的令人印象深刻。轉場效果很平滑，動畫效果很流暢，對話框也能完美地彈入和彈出。對ios上的移動版safari來說，支援絕對足夠。

對第三方浏覽器的提醒：使用第三方浏覽器應用可能會降低性能，某些情況下會導緻ajax導航失效。這并不是說網站不可以使用，隻是沒有了友好且平滑的頁面轉場效果，取而代之的是，網站就像一個标準網站那樣載入，使用頁面重新整理來響應輕觸或點選。

3．blackberry

blackberry作業系統有多個版本，使用者的體驗會根據所使用的不同版本而有所不同。版本6.0以上具備所有的附加特性，就像android和ios的一樣。版本5.0看起來還行，但沒有了ajax導航。使用版本4的裝置會回退到網站的标準版。這意味着隻能看到一個簡單樣式的網站，它使用頁面重新整理來導航，缺少漂亮的css3樣式和轉場效果。

playbook平闆電腦運作另外一個獨立的作業系統，提供類似于blackberry作業系統版本6.0和7.0的體驗。

4．webos

鑒于webos自身前景黯淡，對其的硬體支援也已經終止，我隻想說，版本1.4至3.0都可以支援jquery mobile的全部特性。

webos裝置越慢，就越有可能看到跳幀的情況，但仍然可以獲得完整的ajax支援、樣式和轉場效果。

5．windows mobile

windows phone 7處理jquery mobile沒有問題，看起來不錯，運作流暢，所有特性都能啟用。這是因為具有基于internet explorer 9的内置浏覽器，它允許使用者通路html 5和css特性。

然而windows mobile 6.5就不一樣了。windows mobile 6.5使用的是舊版本的internet explorer浏覽器，缺乏特性支援。雖然windows mobile團隊緻力于釋出新的internet explorer版本，使其對開發者和标準更加友好，但那些使用舊版本浏覽器的使用者将失去ajax導航和某些樣式。任何在版本6.5以下的windows mobile裝置将隻顯示網站的基本版本。

6．電子閱讀裝置

事實上，這類裝置很難确切說明，因為市場上的電子閱讀裝置實在太多了。

我能告訴您的是，jquery mobile支援内置基于webkit引擎的浏覽器的kindle裝置。其他例如nook color等運作android修改版的電子閱讀裝置同樣可以獲得良好的支援。

注意，有些使用電子墨水技術的電子閱讀裝置，在頁面載入時需要重畫整個螢幕，是以在這些裝置上，性能可能會受到影響。