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

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

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

網站開發要點" />

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

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

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

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

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

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

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

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

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

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