手机html5测试的简单介绍

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

1、打开手机web检查器。

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

2、链接电脑（Mac）

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

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

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

3.调试网页

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

相关问答

Q1: 开发html5是不是得用手机测试呢

HTML5兼容手机浏览器，主要服务对象还是电脑吧，如果你确定你的网页主要提供给手机，那么你需要多种手机浏览器进行测试，而且要多系统下，例 WP/IOS/Android

Q2: 手机硬件检测软件有哪些

现在手机一款接着一款出，产品的噱头也是五花八门，很多朋友抱怨对手机不是很懂，因此在选择购买哪款手机的时候经常拿不定注意，害怕买了性价比不高的手机。那么，手机硬件检测软件有哪些呢?下面我为大家收集整理了手机硬件检测的方法，欢迎阅读！

跑分软件横评

跑分软件一直被认为是用来衡量机器配置高低的一个重要标准，从PC时代到手机时代都是如此，对绝大部分非专业人事来说，跑分的高低直接等于手机的好坏，市面上形形色色的跑分软件非常多，很多朋友反映同一款手机在不同的软件里面获得的分数不同，到底改何如判断呢?于是我们例举出五款主流的手机跑分软件做一番评测，它们性能谁优谁劣，哪一款更合适你的手机系统，随后自见分晓。

参评软件介绍

安兔兔评测是一款专门为智能手机、平板电脑、智能电视等设备评测硬件性能(跑分)的软件。在全球累积已超过1亿用户，凭借简单易用的操作和科学合理的专业测试赢得了国内外用户的广泛认可。安兔兔集硬件性能评测、HTML5测试、电池测试、视频测试、稳定性测试等五个测试项于一体全面测试设备的硬件、系统及电池等各项性能。

安兔兔评测

适用平台：Android

360跑分王

360跑分王是一款集硬件性能评测、性能排行、性价比排行、查看硬件信息等功能为一身的安卓手机硬件评测软件。整个评测过程浅显易懂,操作简单;本软件是首个推行性价比排行的评测软件,可以通过性价比排行让用户更多了解市场上的手机价格行情,对用户购买新机具有重要的指导意义;本软件的.性能评测采用分段独立式评测方法, 使每项硬件评测的过程保持独立,使该项评测的得分更为精准。

适用平台：Android

鲁大师

鲁大师安卓版是一款给安卓手机、平板进行性能评测、跑分的软件。通过八大测试，让你对爱机了如指掌。软件功能包括查看整体和单项硬件的性能得分，通过分数判断各硬件的性能。可查看本机操作系统的详细信息，包话SD卡容量，CPU型号、频率，系统版本号等多项信息等。

适用平台：Android

Pcmark

PCMark for Android支持手机和平板，首发版本包含Work Benchmark、Work Battery两个测试项目，可考察设备的性能、电池续航能力，能看出设备在上网、看视频、处理文档、编辑照片等日常使用中的表现。它还会在测试期间给出CPU类型与频率、CPU占用率、温度、电池电量等信息，方便查看和揪出作弊行为。

适用平台：Android

安卓跑分

安卓跑分是一款专业的Android手机性能测试软件，针对CPU、内存、2D及3D图像等性能，提供了一键式的完整测试，并得到具体的性能分数。将得分上传，通过云端数据处理，您可以看到自己的手机性能在世界的排名，以及同机型的排名和热门机型性能对比。此外它还提供了内容格式清晰的系统信息查看功能，让你方便的了解非常详尽的手机处理器、内存及系统版本等特性。

适用平台：Android

Q3: 手机怎么测试html5手机上下滑动翻页特效

使用浏览器可以进行手机效果测试：

现在各大浏览器都有这种功能了， 谷歌、QQ、360搜狐等；

首先打开网页，点击右键列表里会有“审查元素”，再点击手机那个按钮，就可以调整屏幕宽度查看手机效果。