一開(kāi)始聽(tīng)說(shuō)開(kāi)發(fā)H5，以為就是做適配現(xiàn)代瀏覽器的移動(dòng)網(wǎng)頁(yè)，心想不用管IE了，歐也。到今天，發(fā)現(xiàn)當(dāng)初too young too simple，兼容IE和兼容安卓與IOS，后者讓你更抓狂。接下來(lái)數(shù)一下踩過(guò)的坑。主要分UI展示，鍵盤(pán)，輸入框等等。解決bug最苦惱的問(wèn)題不是沒(méi)有解決方案，而是你沒(méi)有找到真正的原因。再就是現(xiàn)象難以重現(xiàn)，每次都要發(fā)布代碼，然后到手機(jī)app中去測(cè)試，模擬。這些地方會(huì)耗費(fèi)大量的精力。
一、UI相關(guān)
1.安卓4.4以下不支持fixed布局。
fixed布局的作用之一就是在手機(jī)鍵盤(pán)彈起來(lái)的時(shí)候，可以自動(dòng)把頁(yè)面頂起來(lái)。如果不支持的話(huà)，換絕對(duì)定位也是可以的。但是絕對(duì)定位某些機(jī)型比如sm-n7508,華為m7上還是沒(méi)有能頂起來(lái)。IOS沒(méi)有這個(gè)問(wèn)題。
2.小于1px顯示問(wèn)題
部分安卓機(jī)器(比如小米)的分辨率低，如果border的寬度小于1px。安卓機(jī)出現(xiàn)一種邊框消失了的現(xiàn)象。樣式上有點(diǎn)奇怪，IOS沒(méi)有這個(gè)問(wèn)題。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線(xiàn)安全]玩轉(zhuǎn)無(wú)線(xiàn)電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式