APP手機(jī)版網(wǎng)站是目前比較流行的形式，比起PC版網(wǎng)站可以說手機(jī)網(wǎng)站有比較方便的優(yōu)勢。小編今天要與大家分享下，APP手機(jī)版網(wǎng)站開發(fā)的重點(diǎn)知識，希望各位朋友在以下的內(nèi)容中認(rèn)真學(xué)習(xí)。
如果有在PC端開發(fā)網(wǎng)頁的基礎(chǔ)那么去處理手機(jī)端就很容易上手，這里介紹的是針對手持設(shè)備專門處理的頁面,而不是媒體查詢那種展示方式。
這里提供幾個meta屬性:
1.使頁面不可以認(rèn)為放大縮小，喜歡用手指捏來捏去的童鞋要失望了。
2.使網(wǎng)站開啟對app程序的支持。
3.在app應(yīng)用下狀態(tài)條(屏幕頂部條)的顏色。
4.設(shè)置app的放置主屏幕上icon文件路徑，IOS系統(tǒng)添加到主屏幕那個圖標(biāo)，圖片尺寸可以設(shè)定為57*57(px)或者Retina可以定為114*114(px)，ipad尺寸為72*72(px)。
5.類似原生程序的啟動畫面，IOS有效，需把a(bǔ)pp保存到桌面屏幕打開。
6.禁止一串?dāng)?shù)字變?yōu)榭蓳艽蛱柎a。
HTML詳解
如果是針對IOS或者高版本的android，HTML5是一個很不錯的方案，如果需求需要支持一些山寨屌絲雞，我的建議是不要使用太多HTML5的標(biāo)簽和API，屌絲不是屌絲可以控制的，所以作為一個屌絲開發(fā)者自然要做一個穩(wěn)重的屌絲。
HTML5的屬性還是很好用的,placeholder就是其中一個。
CSS詳解
現(xiàn)在你拋棄了IE，甚至拋棄了火狐，此刻你的心情一定又驚又喜�？梢暂p松的勾畫出陰影和漸變，甚至可以使用可愛的css3動畫。經(jīng)測試在IOS下CSS3的渲染都非常給力，在一些中端安卓機(jī)型上CSS3的渲染有些偏差，CSS3動畫明顯不夠流暢，這時候有兩種解決方案，一種是平穩(wěn)退化，一種是漸進(jìn)增強(qiáng)，如何選擇還得依照項(xiàng)目需求來定。
建議不要使用太多的CSS3效果，CSS3的渲染比較耗電，也會對性能造成一定的影響。
Javascript詳解
你仍然可以選擇在PC端使用的jQuery庫來從事手機(jī)端的頁面開發(fā)，這不會造成太多硬性，但這里推薦使用一個叫zepto的小庫來實(shí)現(xiàn)基本功能，麻雀雖小，雞雞俱全。
為什么不用jQuery Mobile?理由很簡單，我需要一款白色時尚的鼠標(biāo)，而你卻買了一臺MAC，鼠標(biāo)我得到了，但是電腦和鍵盤我并不需要，這又是何必呢。
那我想用sencha touch?如果只是想做一個開發(fā)周期短、升級簡單、維護(hù)成本低的純app，那就不建議使用ST，學(xué)習(xí)ST的時間都可以開發(fā)很多頁面了。
sjfc2008@126.com 
