多语言展示
当前在线:1139今日阅读:84今日分享:32

响应式网站如何进行测试

响应式网站以其良好的适配性,正成为前端开发领域的新宠,那么对于响应式网站如何进行测试呢?
工具/原料
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

最好在不同的浏览器或是平台上进行测试,以测试响应式网站的兼容性问题和适配问题

推荐信息