响应式网站以其良好的适配性,正成为前端开发领域的新宠,那么对于响应式网站如何进行测试呢?
工具/原料
1
响应式网站
2
互联网
3
浏览器
4
笔记本电脑或是台式机
5
移动设备
方法/步骤
1
旧版本的谷歌浏览器,没有自动响应式测试的功能,可以在谷歌应用市场安装一款名为“Mobile/RWD Tester”的插件。
2
新的谷歌浏览器自带响应式测试功能,可以进行响应式网站的测试。
4
在搜索结果中,点击“Firefox Developer Edition — Mozilla”,进入Firefox Developer Edition官方网站。
5
下载Firefox Developer Edition 即火狐浏览器开发者版本,点击下载的可执行文件进行安装。
6
安装成功之后,点击开发者工具按钮,在下拉菜单中点击“响应式设计视图”,出现浏览器自带有响应式测试功能。
7
使用一个响应式网站进行测试,可以根据需要切换不同的屏幕分辨率。
8
BrowserStack 是一个提供网站浏览器兼容性测试的在线云端应用,支持9大操作系统上的100多款浏览器。支持本地测试,预装有完备的开发者工具。BrowserStack在近期发布了API,移动开发者将会进一步提高测试效率。
注意事项
1
虽然浏览器自带插件或是自带功能可以进行响应式网站的测试,最好还是在真机测试
2
最好在不同的浏览器或是平台上进行测试,以测试响应式网站的兼容性问题和适配问题
上一篇:如何测试网站速度
下一篇:软件兼容性测试要点?