眾所周知，所謂的觸摸屏網(wǎng)站也是WebApp一種展示形式主要依賴于HTMLCSSJavascript與本地客戶端程序相比，這三個關(guān)鍵因素具有開發(fā)周期短、升級簡單、維護成本低等優(yōu)點WebApp本質(zhì)只是一個網(wǎng)站。讓我們來談談如何開發(fā)一個適合在觸摸屏設備上顯示的頁面.

　　如果有在PC開發(fā)網(wǎng)頁的基礎很容易處理手機端。這里介紹的是專門為手持設備處理的頁面，而不是媒體查詢顯示方法.

　　如果是針對IOS或者高版本android,HTML5是一個很好的計劃。如果需要支持一些山寨屌絲雞，我的建議是不要用太多HTML5的標簽和API,屌絲是無法控制的，所以作為一個屌絲開發(fā)者，做一個穩(wěn)定的屌絲是很自然的.

網(wǎng)站開發(fā)要點" />

　　現(xiàn)在你放棄了IE,甚至拋棄了火狐，此刻你的心情一定又驚又喜.陰影和漸變可以很容易地勾勒出來，甚至可以使用css3動畫.經(jīng)測試在IOS下CSS3的渲染非常強大，在一些中端安卓模型中CSS渲染有一些偏差，CSS動畫顯然不夠流暢，此時有兩種解決方案，一種是平穩(wěn)退化，另一種是逐步增強，如何根據(jù)項目需要選擇？.

　　還是可以選擇的PC端使用的jQuery庫來從事手機頁面開發(fā)，不會造成太多硬性，但建議在這里使用一個名稱zepto小庫實現(xiàn)基本功能，麻雀雖小，雞雞俱全。

　　為什么不用jQueryMobile?理由很簡單，我需要一款白色時尚的鼠標，而你卻買了一臺MAC，我得到了鼠標，但我不需要電腦和鍵盤。為什么？

　　那我想用senchatouch?如果只想做一個開發(fā)周期短、升級簡單、維護成本低的純粹webapp，不建議使用ST，學習ST時間可以開發(fā)很多頁面。

　　要注意觸摸屏的方法，jQuery沒有提供bind(“swipe)這樣的方法，甚至jQueryMobile提供的”swipe方法是如此戳，所以這里建議你仍然可以自己提供ontouchstart,ontouchmove,ontouchend寫三個類似的事件PC端上滾動效果，萬變而不離其腦。

　　這是手機版的亮點，在PC由于硬件強大，沒有電的概念，很容易忽略性能問題，手機端的性能問題被無限放大。

　　精簡DOM結(jié)構(gòu)，手機頁面一般不是很復雜，仔細篩選可以篩選出許多通用模塊，這不僅有利于整個項目，而且大大提高了性能。

　　CSS3不是萬能的，只是工具，就像PS同樣，有時我們使用美圖XX之類的軟件就可以了，不必使用PS展示你的專業(yè)精神。WAP任何使用手機和互聯(lián)網(wǎng)的用戶都可能成為傳播者CSS3的渲染要比CSS2渲染性能要低得多，尤其是CSS3動畫基本上是電殺手。如果需要，建議縮小顯示區(qū)域。使用CSS3.在視覺和性能之間找到平衡，但一般來說，視覺優(yōu)先，因為TM這關(guān)屌絲開發(fā)者怎么了？??

　　javascript這是性能障礙。頁面載入性能大多卡在這里。合理的封閉包裝和優(yōu)秀的代碼設計模式將變成彩色閃電盲用戶的手機屏幕。這里不能詳細說明。簡言之，更多的測試是正確的。

　　好了，今天小編就到這里。如果您對網(wǎng)站建設有任何其他問題，請隨時致電或留言。英科專業(yè)從事網(wǎng)站建設和推廣多年，經(jīng)驗豐富。