2鏈接電腦Mac21 先在手機(jī)Safari中打開(kāi)你想調(diào)試的網(wǎng)頁(yè)，并用數(shù)據(jù)線連接到電腦我這里是Mac22 再在電腦上打開(kāi)Safari點(diǎn)擊Develop菜單，就會(huì)看到如下圖所示點(diǎn)擊查看大圖23 點(diǎn)擊22中的網(wǎng)站名就會(huì)在；可以通過(guò)webview方式訪問(wèn)遠(yuǎn)程，也可以把html5頁(yè)面放在手機(jī)app端，本地方式進(jìn)行訪問(wèn)但都離不開(kāi)webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquery mobile，bootstrap等都可以，如果功能簡(jiǎn)單，也可以不使用框架，自己寫(xiě)幾個(gè)。

一準(zhǔn)備HTML文件及其資源文件 使用UIWebView加載本地的HTML4文件 indexhtml，在indexhtml中引用了本地的圖片CSS文件JS文件以及外部的圖片二加載本地HTML文件 將html5文件及相關(guān)資源添加到項(xiàng)目中，調(diào)用需要上傳的文件夾；視頻等內(nèi)容，讓網(wǎng)站豐富多彩，起到很好的宣傳作用值得選擇0代碼輕松建站點(diǎn)擊此處獲取精美網(wǎng)站模板網(wǎng)站建設(shè)平臺(tái)怎樣用html和javascript制作離線手機(jī)app利用htmlHTML5CSSCSS3以及Javascript響應(yīng)式設(shè)計(jì)PhoneGap。

1在手機(jī)上打開(kāi)百度H5這個(gè)網(wǎng)頁(yè)制作軟件，選擇新建一個(gè)頁(yè)面就會(huì)出現(xiàn)這樣的背景，手機(jī)網(wǎng)頁(yè)可以在這里進(jìn)行制作2直接使用模板來(lái)進(jìn)行制作，從軟件的模板庫(kù)中選擇一個(gè)模板作為手機(jī)網(wǎng)頁(yè)的模板3也可以根據(jù)自己的需求對(duì)手機(jī)頁(yè)面。

1設(shè)置手機(jī) 11設(shè)置關(guān)于手機(jī)版本號(hào)Build number，對(duì)版本號(hào)這一項(xiàng)連點(diǎn)7下這是官方文檔里的說(shuō)法就會(huì)提示“你已成為開(kāi)發(fā)者”12 再返回設(shè)置開(kāi)發(fā)者選項(xiàng)USB調(diào)試打開(kāi)手機(jī)USB調(diào)試2；純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出，但優(yōu)化后的效果會(huì)好轉(zhuǎn)盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改原生應(yīng)用的開(kāi)發(fā)人員 可能需要花費(fèi)非常大的力氣。

H5edu教育html5開(kāi)發(fā)為您解答移動(dòng)web在當(dāng)今的發(fā)展速度是一日千里，作為移動(dòng)領(lǐng)域的門外漢，在這段時(shí)間的接觸后，發(fā)現(xiàn)前端開(kāi)發(fā)這一塊做一個(gè)小小的總結(jié)1四大瀏覽器內(nèi)核 1Trident IE瀏覽器 因?yàn)樵谠缙贗E占有大量的市場(chǎng)；1打開(kāi)百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開(kāi)始制作自己的手機(jī)網(wǎng)頁(yè)微場(chǎng)景了3首先點(diǎn)擊我的場(chǎng)。

1HTML5Boilerplate 是一個(gè)HTMLCSSJS模板，是實(shí)現(xiàn)跨瀏覽器正?；阅軆?yōu)化穩(wěn)定的可選功能如跨域Ajax和Flash的最佳實(shí)踐開(kāi)發(fā)者稱之為技巧集合，目的是滿足你開(kāi)發(fā)一個(gè)跨瀏覽器，并且面向未來(lái)的網(wǎng)站的需求2Switchto；2KendoUIKendoUI是一個(gè)HTML5平臺(tái)，開(kāi)發(fā)者利用它可以開(kāi)發(fā)新穎的交互的移動(dòng)應(yīng)用程序和網(wǎng)站該框架提供了大量的動(dòng)畫(huà)和豐富的拖拽功能模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件，如圖表組合框以及常用表格3。

搭建好手機(jī)站之后可以去找第三方的一個(gè)打包平臺(tái)把你的手機(jī)站封裝一下，比如說(shuō)一門app安卓益奇門應(yīng)用這些平臺(tái)，封裝好之后就可以生成安裝包了如果是要上架的話你在封裝的時(shí)候上傳一下發(fā)布證書(shū)，然后你就可以去開(kāi)發(fā)者。

因此，本文從常識(shí)的廣度出發(fā)，為Web前端開(kāi)發(fā)和采集工程師提出一些建議想要精通前端開(kāi)發(fā)，至少要精通十條線，但這樣的多面手在現(xiàn)實(shí)生活中并不多見(jiàn)，需要了解即可可以說(shuō)Html5開(kāi)發(fā)的入門門檻比較低相比服務(wù)器端語(yǔ)言的學(xué)習(xí)曲線；流程1開(kāi)發(fā)對(duì)應(yīng)的Web App2搭建Native App的開(kāi)發(fā)環(huán)境比如Android的JDK+Eclipse+ADT+SDK3使用中間框架來(lái)幫助生成比如PhoneGap4生成App并發(fā)布到應(yīng)用市場(chǎng)另外，使用純web語(yǔ)言開(kāi)發(fā)的Native App，執(zhí)行效率。

1首先，我們創(chuàng)建一個(gè)移動(dòng)APP項(xiàng)目，然后，添加一個(gè)indexhtml頁(yè)面代碼里，添加一個(gè)圖標(biāo)，以及添加引入一個(gè)JS文件，該文件的作用在于請(qǐng)求后臺(tái)JS文件2接下來(lái)，我們看看servicejs文件是如何請(qǐng)求后臺(tái)JS文件的編寫(xiě)該ser。