如何测试移动Wap网站效果?
来源:互联网 发布:windows系统电视 编辑:程序博客网 时间:2024/05/17 03:04
测试媒体查询
测试代码很重要。针对平板电脑和智能电话进行测试使测试变得更复杂,因为理想情况下您将有大量设备需要处理。幸运的是,无需拥有实际的设备,即可测量大多数查询。拥有真实的设备总是会更好,但出于本文的用途,使用简单的浏览器将有助于您理解查询的工作原理。
本文所附带的ZIP文件包含一个范例文件(mediaqueries.html),该文件附加了3种不同的设计。使用范例文件执行以下调节测试。将浏览器窗口完全打开,您可以看到基本的站点设计(参见图1)。将浏览器窗口缩小,在进入各种设备的尺寸范围时可以注意到变化。进入代码中指定的尺寸范围时,样式会更改为平板电脑(图2)或电话大小(图3)。例如,对于平板电脑,页眉图像会变得更小,下面的独立区域会呈现不同的形式。对于电话样式,主要的中央图像会消失,替换为由更大的垂直按钮组成的菜单。
浏览器在每次窗口更改时都会检查媒体查询,比如当您调整它时,或者当您将电话从竖向旋转到横向时。
- 如何测试移动Wap网站效果?
- 移动网站页面如何测试
- WAP网站如何赢利
- 如何做WAP网站
- 如何建立wap网站
- wap移动接入测试知识备份
- 如何建立wap网站及常用wap开发工具下载
- 如何在IIS上搭建WAP网站
- 如何在IIS上搭建WAP网站
- wap网站如何调用google地图
- 如何在IIS上搭建WAP网站
- WAP包月制将被放弃 网站遭中移动全面封杀
- 所设置的wap移动网站不显示,为什么?
- JS 判断移动端设备类型 跳转到Wap网站
- wap网站
- MOBILE FIRST: HOW TO APPROACH MOBILE WEBSITE TESTING? 移动优先:如何处理移动网站测试?
- http://ready.mobi 来测试你的WAP网站
- VSTS对wap网站进行自动化测试症结
- Android Service之设备存储空间监控
- 制作APP图标网站收集
- Android应用程序与SurfaceFlinger服务的连接过程分析
- 获得当前磁盘的文件类型格式(文件恢复学习笔记一)
- Eclipse常见异常及解决办法
- 如何测试移动Wap网站效果?
- C#控件一览表 前所未有的震撼(太详细了)
- jQuery阻止冒泡和HTML默认操作
- php 接口(implement,implements)的学习和使用
- Android单元测试初探——Instrumentation
- 【Linux】解决ubuntu one(软件中心)安装deb文件的问题
- Android应用程序与SurfaceFlinger服务之间的共享UI元数据(SharedClient)的创建过程分析
- 挂载nfs文件系统
- python的赋值