如何测试移动Wap网站效果?
2013-04-07 15:19
204 查看
测试媒体查询
测试代码很重要。针对平板电脑和智能电话进行测试使测试变得更复杂,因为理想情况下您将有大量设备需要处理。幸运的是,无需拥有实际的设备,即可测量大多数查询。拥有真实的设备总是会更好,但出于本文的用途,使用简单的浏览器将有助于您理解查询的工作原理。本文所附带的ZIP文件包含一个范例文件(mediaqueries.html),该文件附加了3种不同的设计。使用范例文件执行以下调节测试。将浏览器窗口完全打开,您可以看到基本的站点设计(参见图1)。将浏览器窗口缩小,在进入各种设备的尺寸范围时可以注意到变化。进入代码中指定的尺寸范围时,样式会更改为平板电脑(图2)或电话大小(图3)。例如,对于平板电脑,页眉图像会变得更小,下面的独立区域会呈现不同的形式。对于电话样式,主要的中央图像会消失,替换为由更大的垂直按钮组成的菜单。
浏览器在每次窗口更改时都会检查媒体查询,比如当您调整它时,或者当您将电话从竖向旋转到横向时。
相关文章推荐
- 企业如何测试邮件系统反垃圾反病毒的实际效果
- ietest 如何在多种浏览器上面测试JS页面效果
- 企业如何测试邮件系统反垃圾反病毒的实际效果
- 移动网站页面如何测试
- [引]ASP.NET 移动网页 与 如何:使用仿真程序和浏览器在部署移动 Web 应用程序之前对其进行测试
- Google+团队如何测试移动应用 - from Google Testing Blog
- 邮件服务系统专题8:如何测试反垃圾反病毒的实际效果
- 如何用 Telemetry 测试移动 APP H5性能?
- [引]ASP.NET 移动网页 与 如何:使用仿真程序和浏览器在部署移动 Web 应用程序之前对其进行测试
- 【干货推荐】如何改进移动游戏测试方法和发布策略
- Google的网页境外搜索业务昨天已经恢复,测试一下效果如何
- Axure7.0 RP 如何制作提示更随鼠标移动效果演示
- 如何测试邮件系统反垃圾邮件的效果?
- 如何运用PHP函数preg_match_all测试正则表达式效果
- j2me 中如何来游戏背景随主人公移动的效果?
- 测试一下吧,不知道效果如何
- 360Email营销:如何提升邮件营销测试效果
- JavaScript如何实现组合列表框中元素移动效果
- 如何应对移动测试的五大挑战?
- 程序员面试金典——解题总结: 9.12测试 12.3如何测试国际象棋程序中的移动方法?