html5手机网页,手机网页html5net

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

如何在移动设备上调试html5开发的网页

1、打开手机web检查器。

通过【设置】【Safari】【高级】【Web检查器】打开。见下图（点击查看大图），并且你会看到该选项下面对电脑操作的相应描述，照做就好。

2、链接电脑（Mac）

2.1 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）

2.2 再在电脑上打开Safari点击【Develop】菜单，就会看到如下图所示（点击查看大图）：

2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台，如下图（点击查看大图）：

3.调试网页

此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图（点击查看大图）：

现在很多手机页面都是用html5制作，html5有什么优势？

对于用户来说，html5提高了用户体验，加强了视觉感受。1、HTML5技术在移动端，能够让应用程序回归到网页，并对网页的功能进行扩展，用户不需要下载客户端或插件就能够观看视频、玩游戏，操作更加简单，用户体验更好。2、HTML5的视音频新技术解决了移动端苹果和安卓4.0+，对flash的支持问题。在视音频方面，性能表现比flash要更好。3、网页表现方面，HTML5中的CSS3特效样式、Canvas、webgl的介入，不仅加强了网页的视觉效果，甚至能够使用户在网页当中看到三维立体特效。4、另外其跨平台的特点，可以避免传统移动终端上的Native App，开发者必须针对不同的操作系统进行研发工作的弊端，从时间和资金成本上讲远小于跨系统移植。而且html5的语言简单，容易学习。