移動(dòng)設(shè)備網(wǎng)頁(yè)開發(fā)技術(shù)移動(dòng)設(shè)備網(wǎng)頁(yè)開發(fā)最基本的技術(shù)是HTML/HTML5和CSS/CSS3，復(fù)雜的還需要JavaScript，開發(fā)人員應(yīng)掌握相關(guān)的基礎(chǔ)知識(shí)。深圳APP開發(fā)公司認(rèn)為一個(gè)基本的移動(dòng)設(shè)備網(wǎng)頁(yè)要在頭部加上以下3項(xiàng)基本設(shè)置。
★聲明信息：<!DOCTYPEHTML>。
★編碼設(shè)置：
<metacharset="UTF-8">。
★移動(dòng)設(shè)備特別設(shè)置：
<metacontent="width=device-width,user-scalable=no"name="viewport">。
最后一項(xiàng)最重要，其中viewport表示網(wǎng)頁(yè)大小可適應(yīng)各種高端移動(dòng)設(shè)備；width設(shè)置設(shè)備的寬度；user-scalable設(shè)置是否調(diào)整縮放，默認(rèn)為yes，一般設(shè)置為no。1.移動(dòng)設(shè)備網(wǎng)頁(yè)開發(fā)框架移動(dòng)設(shè)備網(wǎng)頁(yè)開發(fā)可以自己編寫大量代碼，這樣效率較低。由于有Webkit和HTML5的支持，更多的開發(fā)人員選擇相關(guān)開發(fā)框架，這樣效率更高。主流的移動(dòng)Web框架列舉如下。
（1）jQueryMobile。jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架。它封裝JavaScript常用的功能代碼，提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動(dòng)畫設(shè)計(jì)和Ajax交互。jQueryMobile是jQuery在手機(jī)和平板設(shè)備上的版本，基于jQueiy頁(yè)面驅(qū)動(dòng)，支持全球主流的移動(dòng)平臺(tái)。
（2）Bootstrap。Bootstrap是Twitter推出的一個(gè)用于前端開發(fā)的開源工具包，基于HTML、CSS和JavaScript框架，可以編寫靈活、穩(wěn)定、高質(zhì)量的HTML和CSS代碼。Bootstrap有力地支持響應(yīng)式Web設(shè)計(jì)，能夠同時(shí)兼顧PC端和移動(dòng)端的網(wǎng)頁(yè)設(shè)計(jì)。
（3）SenchaTouch。它是第一個(gè)基于HTML5的移動(dòng)Web開發(fā)框架。SenchaTouch提供炫麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的Web標(biāo)準(zhǔn)，全面兼容Android和AppleiOS設(shè)備，用它開發(fā)的WebApp看起來像NativeApp。
（4）PhoneGap。這是一個(gè)基于HTML、CSS和JavaScript創(chuàng)建跨平臺(tái)移動(dòng)應(yīng)用程序的快速開發(fā)平臺(tái)。用它開發(fā)的網(wǎng)頁(yè)接近NativeApp的性能，可以調(diào)用IOS、Android、Blackberry等智能手機(jī)的核心功能（包括地理定位、加速器、聯(lián)系人、聲音和振動(dòng)等），此外PhoneGap擁有豐富的插件可供開發(fā)人員調(diào)用。業(yè)界很多主流的移動(dòng)開發(fā)框架均源于PhoneGap。PhoneGap最突出的優(yōu)勢(shì)是打通Web和Native兩者之間的通道。
（5）React。這是一個(gè)用于構(gòu)建用戶界面的JavaScript庫(kù)。它起源于Facebook的內(nèi)部項(xiàng)目，從最早的UI引擎演變成一整套適用于前后端的WebApp解決方案。React主要用于構(gòu)建UI，可以在React里傳遞多種類型的參數(shù)，如聲明代碼，渲染出UI，可以是靜態(tài)的HTMLDOM元素，也可以傳遞動(dòng)態(tài)變量，甚至是可交互的應(yīng)用組件。由于React具有較高的性能，代碼邏輯非常簡(jiǎn)單，越來越多的人已開始關(guān)注和使用它。
2.移動(dòng)設(shè)備網(wǎng)頁(yè)開發(fā)工具使用任何文本編輯器都可以編寫移動(dòng)設(shè)備網(wǎng)頁(yè)，不過使用集成開發(fā)工具（IntegratedDevelopmentEnvironment，IDE）效率要高得多。這里介紹幾種常見的移動(dòng)設(shè)備網(wǎng)頁(yè)開發(fā)工具。
（1）Dreamweaver。DreamweaverCS6是一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁(yè)設(shè)計(jì)軟件。由于Dreamweaver支持以代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式創(chuàng)作、編寫和修改網(wǎng)頁(yè)，對(duì)于初級(jí)人員，無需編寫任何代碼就能快速創(chuàng)建Web頁(yè)面。其成熟的代碼編輯工具更適用于Web開發(fā)高級(jí)人員的創(chuàng)作。它支持jQueryMobile與PhoneGap移動(dòng)開發(fā)框架。
（2）AdobeEdge。這是一個(gè)用HTML5、CSS、Java開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。它的一個(gè)重要功能是Web工具包界面，用于確保在不同瀏覽器中架構(gòu)的一致性。通過Edge設(shè)計(jì)的內(nèi)容可以兼容IOS和Android設(shè)備，也可以運(yùn)行在火狐、Chrome、Safari和IE等主流瀏覽器上。
（3）WebStrom。WebStorm是JetBrains公司的一款JavaScript開發(fā)工具，深受國(guó)內(nèi)開發(fā)人員歡迎，被認(rèn)為是最強(qiáng)大的HTML5編輯器和最智能的JavaScriptIDE等。它與IntelliJIDEA同源，繼承了IntelliJIDEA強(qiáng)大的JavaScript部分的功能。IntelliJIDEA在業(yè)界被公認(rèn)為最好的Java開發(fā)工具之一，其旗艦版本還支持HTML、CSS、PHP、MySQL、Python等。
3.兼顧PC和移動(dòng)設(shè)備的網(wǎng)頁(yè)開發(fā)網(wǎng)頁(yè)開發(fā)如果要完美適應(yīng)PC和移動(dòng)設(shè)備，有兩種方式：一種是為移動(dòng)設(shè)備單獨(dú)開發(fā)一套頁(yè)面，在網(wǎng)站首頁(yè)上用腳本判斷訪問頁(yè)面的設(shè)備類型然后跳轉(zhuǎn)，如在PC首頁(yè)加上腳本判斷，當(dāng)用手機(jī)訪問時(shí)則自動(dòng)跳轉(zhuǎn)到移動(dòng)版的首頁(yè)上；另一種是響應(yīng)式Web設(shè)計(jì)，通常采用自適應(yīng)框架對(duì)頁(yè)面進(jìn)行開發(fā)，如Bootstrap，一套頁(yè)面可以適應(yīng)各種類型的終端，包括PC端和移動(dòng)端。好了，APP開發(fā)公司本文關(guān)于“APP開發(fā)+pc端項(xiàng)目建設(shè)的流程與準(zhǔn)備詳解”就分享到這里，希望能給您的工作有所幫助，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
