![]() ![]() ![]() ![]() |
|||||
|
|||||
樓主 ChaN ![]()
![]() |
jQuery: 1.8.2 jQuery Mobile: 1.2.0 目前選擇使用 jQuery Mobile 這個 framework 幫客戶開發手機版網站 其中一個功能客戶想要使用 slider 滑動的方式達到某些效果 jQuery Mobile 本身有 slider 的 api,不過會因為瀏覽器的版本而產生效能的差異 尤其是內建的瀏覽器幾乎都滿慘的,測試結果如下 JQM Slider http://goo.gl/P3rCX Android Chrome:順暢 iOS Safari:順暢 Android Opera Mini:卡 Android Dolphin:卡 All built-in Browser 卡(HTC Sensation XL, Samsung S2, HTC One X) 本想說是否另尋 framework 來解決這件事情,可是想想同一隻手機裝了四個瀏覽器測試有四種不同的結果 應該不是所謂的硬體問題,是否為每個瀏覽器對 Drag 這個 event 的敏感度有所差異 碰巧使用了手機去收尋天氣,在 Mobile Browser Google 搜尋 Taipei Weather 會出現下圖的結果,也有一個 slider 可以使用 Google 天氣手機版搜尋結果 ![]() 滑動的順暢度跟上方 JQM 的測試結果是一樣的,所以想請教這個問題是不是無解,或是有什麼比較好的作法
本篇文章發表於2012-10-20 01:58
|
1樓 |
1. 每種瀏覽器對於JavaScript的執行效率不同,
2. 程式寫的好壞, 3. Framework的執行效率, 以上, 1只能等瀏覽器本身改善, 2是我們能改善的。 3…如果你有注意看,它們每次改版的效率測試,都是大跳躍… 不然,找一下關鍵字「mobile framework compare」, 例如,http://www.markus-falk.com/mobile-frameworks-comparison-chart/ 可能要瞭解一下每套mobile framework的差異, 說真的,現在有能jq, jqm能用,而不必純手工打造,我是覺得已經很高興了。 原生framework與瀏覽器的執行效率…這需要等…他們改版。 不然只能換一套試試。
本篇文章回覆於2012-10-20 08:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
2樓
作者回應
ChaN ![]() |
非常感謝您熱心的回答
附上我測試的結果,我每個頁面都點開來看了,單純 for web mobile 的大致如下,如果有遺漏的煩請網友提醒 joapp http://joapp.com/demos.html http://joapp.com/live/samples/test.html 這套我連用 Android Chrome 瀏覽的時候都很卡 wink http://www.winktoolkit.org/ 這一套找不到我想要的 slider qooxdoo http://qooxdoo.org/demos http://demo.qooxdoo.org/current/mobileshowcase-android/index.html#%2Fform 卡 Dojo http://demos.dojotoolkit.org http://demos.dojotoolkit.org/demos/mobileGallery/demo-iphone.html 卡 DHX http://www.dhtmlx.com/index.shtml http://www.dhtmlx.com/touch/samples/ 這套沒有 slider WebApp.net http://webapp-net.com/ http://demo.webapp-net.com/ 這套沒有 slider Sencha http://dev.sencha.com/deploy/touch/examples/production/kitchensink/#demo/forms http://www.sencha.com/products/touch/ 這套在手機上面運作起來不太順,可是他的 slider 在所有 framework 裡面算好滑的 jQTouch http://jqtouch.com/ http://jqtouch.com/preview/demos/main/#home 這套沒有 slider
本篇文章回覆於2012-10-20 12:20
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
回覆 |
如要回應,請先登入. |