浏览器兼容性测试工具Browser Sandbox

搜索试用了一些可以用于网页测试的小工具，其中比较好用的一些，记录如下：

###浏览器兼容性测试工具Browser Sandbox ###

安利指数 ★★★★☆
（补：在该文章发布后的一周后，该工具已开始收费，之前一年多的免费体验啊。尴尬.jpg）
简介:

Browser Sandbox是个插件，可以安装在Chrome下
功能：实现在一台机上测试IE、Chrome、FireFox、Safari、Opera所有版本的兼容性
工作原理：基于虚拟机技术，通过在浏览器下安装插件的方式来运行不同浏览器模块来进行测试
测试场景：浏览器兼容性测试
使用方法：
进入官网，点击任何一个RUN按钮，进行账号注册，登录以后就可以下载安装，安装之后，alt+window打开；想用什么浏览器就点run，选择下载到桌面；下载完成后点击就可以运行对应的浏览器。使用中亦可进入个人设置主页查看已下载的浏览器版本类型，进入多浏览器选择选择需要测试的浏览器类型和版本。

推荐理由:

解决以下困境：原本一台计算机的本地安装支持的浏览器种类有限而且通常只能安装一个版本的产品，有局限性；如果用一台专门的服务器，通过配置本机没有的浏览器、远程来解决该局限性，在不测试时会造成资源闲置、浪费；如果通过vmware虚拟机配置多浏览器环境，测试时经常面临卡顿局面。
可以测试指定的多种浏览器，而不用实际安装它，只是装个插件就可以了～

运行截图：

###二、线上响应式设计网站效果验证工具网站 ###

安利指数 ★★☆☆☆

在线移动手机页面测试网ResponsInator：提供了iphone，android，ipad，kindle及其多种设备上的预览效果。缺点是效果和真实的有些差距、提供的设备类型很有限。类似的还有Screenfly，可以选择手机、平板、PC或者TV，也可以输入自定义的大小、选择屏幕几寸等，但同样设备展示效果有限
respondpx：能让你自定义要显示的尺寸长宽px值，可以测试网页在不同尺寸的显示器上所呈现的效果。功能简单、但却很方便实用。类似的还有responsive，但仅提供常用的分辨率。

###三、移动端浏览器兼容性测试 ###

对于移动端的浏览器项目，我们测试时需要考虑哪些，网页需要适配哪些东西？
测试点总结如下：

1、分辨率、屏幕大小：

需和设计师、开发讨论需要兼容的分辨率和屏幕大小范围；
需确认iphone4、iPhone X 这些比较特殊的机型是否需要兼容；
可以参考用户统计数据来确认兼容范围，比如友盟数据中的top10机型、主流分辨率；
ps：
安卓常见的分辨率：
2560 x 1440、1920 x 1080、1280 x 720、（新增2960x1440、2040x1080）
ios常见的机型对应的分辨率：
4 4s 960640、
5 5c 5s se 1136640、
6 6s、
7 8 1334750、
6+ 6s+ 7+ 8+ 19201080、
新增iPhone X 2436×1125
更详细的机型分辨率请查看——>手机屏幕尺寸对应表

2、浏览器类型：
（1）手机自带的系统浏览器：oppo、vivo、华为、小米、safri
（2）主流浏览器应用：google、QQ、UC、火狐、猎豹、360

3、其他：
（1）从微信手机端、电脑端打开
（2）iPad等其他移动设备是否需要兼容

浏览器兼容性测试工具Browser Sandbox相关推荐

12款很棒的浏览器兼容性测试工具
对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具. Spoon Browse ...
第十二期:七种优秀的浏览器兼容性测试工具
本文向您介绍目前最为流行的.面向开发人员的七大浏览器兼容性测试工具. 作者:陈峻在许多谈及网站或Web应用开发的场合,开发人员最为关心的莫过于跨浏览器的兼容性问题.如您所知,诸如:计划.设计.测试等 ...
12款很棒的浏览器兼容性测试工具推荐
对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具. Spoon Browse ...
这8款浏览器兼容性测试工具，用了以后测试效率可以“起飞”~~
浏览器的兼容性问题,是指不同浏览器使用内核及所支持的 HTML 等网页语言标准不同,用户客户端的环境不同造成的显示效果不能达到理想效果. 对于用户而言,无论使用哪款浏览器,期望看到的效果是正常的统一的 ...
超好用的浏览器兼容性测试工具，赶紧收藏!
在信息爆炸的今天,浏览器是我们上网搜索信息的必备工具,浏览器拥有较好的兼容性可以提升用户体验,浏览器的兼容性测试是测试人员绕不开的话题,属于软件测试必备的流程之一,小编整理了以下几个超好用的浏览器兼容 ...
12款浏览器兼容性测试工具推荐
http://lib.csdn.net/article/softwaretest/40340?knId=1309 12款浏览器兼容性测试工具推荐 12款浏览器兼容性测试工具推荐作者:lhzb8866 ...
6种优秀的浏览器兼容性测试工具
在许多谈及网站或Web应用开发的场合,开发人员最为关心的莫过于跨浏览器的兼容性问题,因为跨浏览器兼容性测试是Web应用或网站开发中最为关键的一个环节.今天小编就给大家介绍目前流行的.面向开发人员的6种 ...
八款好用的浏览器兼容性测试工具推荐
浏览器的兼容性问题,是指不同浏览器使用内核及所支持的HTML等网页语言标准不同,用户客户端的环境不同造成的显示效果不能达到理想效果.对于用户而言,无论使用哪款浏览器,期望看到的效果是正常的统一的. 市 ...
8 款浏览器兼容性测试工具，看你了解几个？
目录前言 1.IETester 2.BrowserShots 3.Spoon Browser Sandbox 4.Browserstack 5.LambdaTest 6.Browserling 7. ...

浏览器兼容性测试工具Browser Sandbox

浏览器兼容性测试工具Browser Sandbox相关推荐

最新文章

热门文章