測試從業者應該知道軟件測試需要在不同操作系統下測試軟件，如果測試前端業務更多的就是pc端和移動端，pc實現的方式用的最多就是HTML+css組成的網頁和一些效果，而移動端更多的是在移動終端運行的app那么實現的方式就有很多種如 原生開發，混合開發等，就目前行業流行的更多的就是混合開發的實現方式。

創新互聯自2013年起，是專業互聯網技術服務公司，擁有項目成都做網站、網站建設網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元昭通做網站,已為上家服務,為昭通各地企業和個人服務,聯系電話:028-86922220

對于移動終端的測試我們更多的是從功能測試和性能測試兩個方向對軟件進行測試，這里簡單介紹一下混合開發的注意的事項便于測試從業者對軟件實現的方式有更多的理解。

⒈首先我們來看看webkit內核中的一些私有的meta標簽，這些meta標簽在開發webapp時起到非常重要的作用。

⒉利用CSS3邊框背景屬性

這個按鈕有圓角效果，有內發光效果還有高光效果，這樣的按鈕使用CSS3寫是無法寫出來的，當然圓角可以使用CSS3來寫，但高光和內發光卻無法使用CSS3編寫，這個時候你不妨使用-webkit-border-image來定義這個按鈕的樣-webkit-border-image。

⒊自適應布局模式

在編寫CSS時，我不建議前端工程師把容器（不管是外層容器還是內層）的寬度定死。為達到適配各種手持設備，我建議前端工程師使用自適應布局模式（支付寶采用了自適應布局模式），因為這樣做可以讓你的頁面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能夠正常的顯示，你無需再次考慮設備的分辨率。

⒋塊級化a標簽

請保證將每條數據都放在一個a標簽中，為何這樣做？因為在觸控手機上，為提升用戶體驗，盡可能的保證用戶的可點擊區域較大。

⒌如何去除Android平臺中對郵箱地址的識別

看過iOS webapp API的同學都知道iOS提供了一個meta標簽:用于禁用iOS對頁面中電話號碼的自動識別。在iOS中是不自動識別郵件地址的，但在Android平臺，它會自動檢測郵件地址，當用戶touch到這個郵件地址時，Android會彈出一個框提示用戶發送郵件，如果你不想Android自動識別頁面中的郵件地址，你不妨加上這樣一句meta標簽在head中。

⒍如何禁止用戶旋轉設備我曾經也想禁止用戶旋轉設備，也想實現像某些客戶端那樣：只能在肖像模式或景觀模式下才能正常運行。但現在我可以很負責任的告訴你：別想了!在移動版的webkit中做不到！

至少Apple webapp API已經說到了：我們為了讓用戶在safari中正常的瀏覽網頁，我們必須保證用戶的設備處于任何一個方位時，safari都能夠正常的顯示網頁內容（也就是自適應），所以我們禁止開發者阻止瀏覽器的。

另外有需要云服務器可以了解下創新互聯cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網頁名稱：淺析移動端測試踩過的坑|技術-創新互聯
網址分享：http://vcdvsql.cn/article34/cdeese.html

成都網站建設公司_創新互聯，為您提供面包屑導航、ChatGPT、外貿建站、網站改版、網頁設計公司、定制網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯