Download ppt - Phonegap tricky

Transcript
Page 1: Phonegap tricky

phonegap tricky solution

by Frankie

Page 2: Phonegap tricky

Hirambo iOS 7.0(4-inch)

使用 fb 登入 第一次使用者需

輸入電話登入後畫面,

有置底廣告,側邊選單everything works

well!

Page 3: Phonegap tricky

Hirambo iOS 7.1(4-inch)

………???

WTF?

Page 4: Phonegap tricky

•write once, and….

• phonegap 號稱 write once, run everywhere…但事實是: 跨平台要 tune UI bug 就算了,連同一個 device, 不同的 OS version 就會有上述這麼恐怖的情況了 ... 根本就是

write once, debug everywhere!

Page 5: Phonegap tricky

tricky solution

<div id="l_submitPhone" class="btn-submit" onclick="closeChat();">

<script> $ '#l_submitPhone').tap(function() { $('#chatPhoneNumber').blur(); }); $('#chatPhoneNumber').blur(function(){ setTimeout(function(){ closeChat(); }, 500); });

</script>

但事情還是要解決,再亂槍打鳥之後,發現只要建立一個blur listener ,

接著在讓時間凍結一下,

一切都解決了=)

Page 6: Phonegap tricky

based on browser

• 問題是 ... 賽到麼瞎的 tricky solution… 還真的是可遇不可求,運氣好五分鐘解決,運氣差可能一個月都還卡住 ...

• phonegap 開發者千萬不要以為只專注在同一個OS ( ex. android or iOS )就一勞永逸,還要注意browser version 的差異,畢竟 phonegap 是based 在 browser , browser 版本的差異就會造成同一 device and OS ,卻有不同結果的現象。