1首先，下載安裝WebEditorLite，這個(gè)直接在手機(jī)應(yīng)用商店中搜索就行，如下，大概也就431K2安裝完成后，打開(kāi)這個(gè)軟件，主界面如下，主要分為3部分，分別是“NewFile新建文件”“OpenFile打開(kāi)文件”和“AboutAPP。

3 在線 HTML 編輯器使用在線 HTML 編輯器可以方便地在手機(jī)上查看和編輯 HTML 源代碼有一些在線工具例如 CodePenJSFiddleJS Bin 等提供了實(shí)時(shí)預(yù)覽和編輯功能，你可以在其中輸入 HTML 代碼并查看結(jié)果需要注意。

2將網(wǎng)頁(yè)存儲(chǔ)為書(shū)簽，然后在書(shū)簽中進(jìn)行檢查3按住網(wǎng)頁(yè)中間，菜單出現(xiàn)，點(diǎn)擊分享，分享給自己看網(wǎng)址4按住網(wǎng)頁(yè)，菜單出現(xiàn)后選擇工具箱里面有保存的網(wǎng)頁(yè)，保存后可以在書(shū)簽中查看手機(jī)怎么樣修改網(wǎng)頁(yè)源代碼ftp進(jìn)入程序。

有哪些不用編寫(xiě)代碼就能輕松制作生成HTML5頁(yè)面的工具 HTML5頁(yè)面制作工具，大體分為兩類基于HTML5的網(wǎng)站工具和手機(jī)APP工具當(dāng)然還有一些其他的，例如基于微信公眾號(hào)的等，下面也會(huì)介紹先總的說(shuō)一下個(gè)人感受 1基于HTML5的。

可以實(shí)現(xiàn)lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot lttitle圖片上傳 博客園lttitle ltlink href=quotcssfineuploadercssquot rel=quotstylesheetquot ltscript src=quot。

一種框架型APP開(kāi)發(fā)模式HTML5 APP 框架開(kāi)發(fā)模式，該開(kāi)發(fā)具有跨平臺(tái)的優(yōu)勢(shì)，該模式通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份，而應(yīng)用的數(shù)據(jù)則是每次打開(kāi)APP的時(shí)候，去云端取數(shù)據(jù)呈現(xiàn)給手機(jī)用戶。

locationhref=quotchtmlquot ltscript 判斷手機(jī)跳轉(zhuǎn)，如果手機(jī)訪問(wèn)自動(dòng)跳轉(zhuǎn)到wap如果電腦方式 執(zhí)行以下頁(yè)面，如果跳轉(zhuǎn)到另一個(gè)頁(yè)面，那么加一個(gè)無(wú)條件跳轉(zhuǎn) ltmeta。

一準(zhǔn)備HTML文件及其資源文件 使用UIWebView加載本地的HTML4文件 indexhtml，在indexhtml中引用了本地的圖片CSS文件JS文件以及外部的圖片二加載本地HTML文件 將html5文件及相關(guān)資源添加到項(xiàng)目中，調(diào)用需要上傳的文件夾。

不同平臺(tái)代碼需要微調(diào)3內(nèi)存消耗大4調(diào)試難度大2框架Ionic官網(wǎng)簡(jiǎn)介Ionic是一個(gè)強(qiáng)大的HTML5應(yīng)用程序開(kāi)發(fā)框架，號(hào)稱AdvancedHTML5HybridMobileAppFramework是AngularJS移動(dòng)端解決方案可以幫助您使用Web技術(shù)，比如HTML。

和寫(xiě)pc端的一樣寫(xiě)法，只是在前面加上ltmeta語(yǔ)句可以讓html適應(yīng)手機(jī)端的。

23 點(diǎn)擊22中的網(wǎng)站名就會(huì)在電腦上打開(kāi)Safari的控制臺(tái)，如下圖點(diǎn)擊查看大圖3調(diào)試網(wǎng)頁(yè) 此時(shí)你可以查看手機(jī)網(wǎng)頁(yè)的DOM結(jié)構(gòu)，并且和電腦端網(wǎng)頁(yè)調(diào)試無(wú)異，當(dāng)鼠標(biāo)滑過(guò)這些DOM節(jié)點(diǎn)的時(shí)候手機(jī)上的相應(yīng)布局也會(huì)高亮起來(lái)，如。

原版安卓chrome 和 Firefox 移動(dòng)版可以支持目前測(cè)試已知，蘋(píng)果不支持，F(xiàn)irefox還能選擇前后攝像頭其他國(guó)產(chǎn)uc 瀏覽器 360什么的在我給答案的時(shí)候的最新版中都不太支持getUserMedia這個(gè)接口代碼如下ltscript。

4可以在模板中心選擇一個(gè)自己需要的點(diǎn)擊，直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁(yè)面5進(jìn)入后就可以根據(jù)自己的需要，將模板里面的文字圖片和音樂(lè)替換成自己需要的即可，如圖所示6還可以給自己的手機(jī)網(wǎng)頁(yè)添加背景。

HTML5網(wǎng)頁(yè)在電腦端和手機(jī)端都全屏顯示的步驟如下1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi。

手機(jī)網(wǎng)站建設(shè)跟PC的差不多，無(wú)非注意的一點(diǎn)就是要你的網(wǎng)站是固定的，還是自適應(yīng)的如剛開(kāi)始的時(shí)候移動(dòng)端習(xí)慣寫(xiě)成寬度320px，后來(lái)出的手機(jī)都是大屏的，甚至ipad等移動(dòng)設(shè)備屏幕大小也不一而這會(huì)兒又開(kāi)始做的移動(dòng)端的。

如果你還沒(méi)有屬于自己的hrml5的手機(jī)站的話，那么你需要找人或者自己搭建一個(gè)H5的手機(jī)站搭建好手機(jī)站之后可以去找第三方的一個(gè)打包平臺(tái)把你的手機(jī)站封裝一下，比如說(shuō)一門(mén)app安卓益奇門(mén)應(yīng)用這些平臺(tái)，封裝好之后就可以。