Phonegap開發的一點體會

來源:互聯網
上載者:User

1. viewport可以在載入的時候通過js來動態設定,如果想通過viewport來縮放以解決解析度適配的問題,必須將user-scalable設為yes。這樣導致的問題是頁面中的float設為fixed的元素不會固定。同樣要使fixed生效必須使用user-scalable=no。設為可縮放的時候jquery等等的固定的ui均失效。真是個魚與熊掌不可得兼的問題。最後的解決辦法是將body的css加入zoom屬性,通過zoom來控制頁面縮放。body的背景圖片縮放使用background-size:640px
auto;可以實現。這樣這個問題完美解決了

2. 底部固定的元素本可以覆蓋到螢幕邊框,但是底部有時粗線捲軸導致出現縫隙,辦法是bottom屬性設為負幾。

3. phonegap的音樂播放功能真是相當不穩定。同一首歌曲有時候點播放就播放了,有時候播放沒反應。官方說media的API不完全符合html5,以後可能會修改。目前最現實的辦法是播放的時候,在檢測播放進度的timer裡面檢測到使用者點擊過播放但是當前position為負,就再次調用play方法。還有悲劇的是頁面返回後仍然在播放,需要在頁面返回前調用media停止的方法

4. phonegap不可使用視訊檔案播放。可能通過webintent解決,我實驗失敗了

不得不說通過css來控制縮放,實現適配解析度,真是解決了Android原生布局一大問題啊!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.