如何在移動設備上調試html5開發(fā)的網頁

1、打開手機web檢查器。

創(chuàng)新互聯建站堅持“要么做到，要么別承諾”的工作理念，服務領域包括：做網站、網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的離石網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

通過【設置】【Safari】【高級】【Web檢查器】打開。見下圖（點擊查看大圖），并且你會看到該選項下面對電腦操作的相應描述，照做就好。

2、鏈接電腦（Mac）

2.1 先在手機Safari中打開你想調試的網頁，并用數據線連接到電腦（我這里是Mac）

2.2 再在電腦上打開Safari點擊【Develop】菜單，就會看到如下圖所示（點擊查看大圖）：

2.3 點擊2.2中的網站名就會在電腦上打開Safari的控制臺，如下圖（點擊查看大圖）：

3.調試網頁

此時你可以查看手機網頁的DOM結構，并且和電腦端網頁調試無異，當鼠標滑過這些DOM節(jié)點的時候手機上的相應布局也會高亮起來，如下圖（點擊查看大圖）：

現在很多手機頁面都是用html5制作，html5有什么優(yōu)勢？

對于用戶來說，html5提高了用戶體驗，加強了視覺感受。1、HTML5技術在移動端，能夠讓應用程序回歸到網頁，并對網頁的功能進行擴展，用戶不需要下載客戶端或插件就能夠觀看視頻、玩游戲，操作更加簡單，用戶體驗更好。2、HTML5的視音頻新技術解決了移動端蘋果和安卓4.0+，對flash的支持問題。在視音頻方面，性能表現比flash要更好。3、網頁表現方面，HTML5中的CSS3特效樣式、Canvas、webgl的介入，不僅加強了網頁的視覺效果，甚至能夠使用戶在網頁當中看到三維立體特效。4、另外其跨平臺的特點，可以避免傳統(tǒng)移動終端上的Native App，開發(fā)者必須針對不同的操作系統(tǒng)進行研發(fā)工作的弊端，從時間和資金成本上講遠小于跨系統(tǒng)移植。而且html5的語言簡單，容易學習。

HTML5移動站點指手機網頁嗎

HTML5移動站點是指使用html5標準及相關技術開發(fā)制作的用于移動終端（包括但不限于手機端）的網頁。

所以HTML5移動站點可以是手機網頁，但不僅限于手機網頁。手機網頁也不一定是html5，也可能是xhtml或xml頁面。

怎么制作html5手機頁面？

1、打開百度，在百度上搜索：易企秀，然后點擊搜索，在搜索的結果中點擊進入易企秀的官方網站。

2、進入后，先登錄自己的賬號，可以直接用QQ微信登錄即可，登錄后就可以開始制作自己的手機網頁微場景了。

3、首先點擊【我的場景】接著點擊【制作場景】，接著會進入場景模板選擇界面，里面有很多免費的模板。

4、可以在模板中心選擇一個自己需要的點擊，直接套用模板，也可以選擇自己創(chuàng)建一個空白頁面。

5、進入后就可以根據自己的需要，將模板里面的文字圖片和音樂替換成自己需要的即可，如圖所示。

6、還可以給自己的手機網頁添加背景音樂，動畫效果，跳轉鏈接，特效組件等等。