新聞中心
測試從業(yè)者應該知道軟件測試需要在不同操作系統(tǒng)下測試軟件,如果測試前端業(yè)務更多的就是pc端和移動端,pc實現(xiàn)的方式用的最多就是HTML+css組成的網(wǎng)頁和一些效果,而移動端更多的是在移動終端運行的app那么實現(xiàn)的方式就有很多種如 原生開發(fā),混合開發(fā)等,就目前行業(yè)流行的更多的就是混合開發(fā)的實現(xiàn)方式。
公司主營業(yè)務:網(wǎng)站建設、成都做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出高碑店免費做網(wǎng)站回饋大家。
對于移動終端的測試我們更多的是從功能測試和性能測試兩個方向?qū)浖M行測試,這里簡單介紹一下混合開發(fā)的注意的事項便于測試從業(yè)者對軟件實現(xiàn)的方式有更多的理解。
⒈首先我們來看看webkit內(nèi)核中的一些私有的meta標簽,這些meta標簽在開發(fā)webapp時起到非常重要的作用。
⒉利用CSS3邊框背景屬性
這個按鈕有圓角效果,有內(nèi)發(fā)光效果還有高光效果,這樣的按鈕使用CSS3寫是無法寫出來的,當然圓角可以使用CSS3來寫,但高光和內(nèi)發(fā)光卻無法使用CSS3編寫,這個時候你不妨使用-webkit-border-image來定義這個按鈕的樣-webkit-border-image。
⒊自適應布局模式
在編寫CSS時,我不建議前端工程師把容器(不管是外層容器還是內(nèi)層)的寬度定死。為達到適配各種手持設備,我建議前端工程師使用自適應布局模式(支付寶采用了自適應布局模式),因為這樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能夠正常的顯示,你無需再次考慮設備的分辨率。
⒋塊級化a標簽
請保證將每條數(shù)據(jù)都放在一個a標簽中,為何這樣做?因為在觸控手機上,為提升用戶體驗,盡可能的保證用戶的可點擊區(qū)域較大。
⒌如何去除Android平臺中對郵箱地址的識別
看過iOS webapp API的同學都知道iOS提供了一個meta標簽:用于禁用iOS對頁面中電話號碼的自動識別。在iOS中是不自動識別郵件地址的,但在Android平臺,它會自動檢測郵件地址,當用戶touch到這個郵件地址時,Android會彈出一個框提示用戶發(fā)送郵件,如果你不想Android自動識別頁面中的郵件地址,你不妨加上這樣一句meta標簽在head中。
⒍如何禁止用戶旋轉(zhuǎn)設備我曾經(jīng)也想禁止用戶旋轉(zhuǎn)設備,也想實現(xiàn)像某些客戶端那樣:只能在肖像模式或景觀模式下才能正常運行。但現(xiàn)在我可以很負責任的告訴你:別想了!在移動版的webkit中做不到!
至少Apple webapp API已經(jīng)說到了:我們?yōu)榱俗層脩粼趕afari中正常的瀏覽網(wǎng)頁,我們必須保證用戶的設備處于任何一個方位時,safari都能夠正常的顯示網(wǎng)頁內(nèi)容(也就是自適應),所以我們禁止開發(fā)者阻止瀏覽器的。
當前題目:淺析移動端測試踩過的坑|技術(shù)
文章網(wǎng)址:http://www.dlmjj.cn/article/iggooi.html