台灣最大程式設計社群網站
線上人數
1119
 
會員總數:246274
討論主題:189809
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> Mobile Web Slider 問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
Mobile Web Slider 問題
價值 : 60 QP  點閱數:1538 回應數:2
樓主

ChaN
初級專家
1643 521
5384 1145
發送站內信

開發環境:
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樓
回應

KKBruce
捐贈 VP 給 KKBruce 檢舉此回應
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
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.