浏览器兼容性测试工具

2023-11-10

相关连接:浏览器兼容性概述

目录

一、浏览器兼容性测试工具

1.0、IETester【免费·exe】

1.1、SuperPreview【收费·exe】

 1.2、Adobe Browserlab【在线测试】

1.3、BrowserStack【在线测试】

1.4、Sauce Labs【在线】

1.5、Browsershots【在线】


一、浏览器兼容性测试工具

1.0、IETester【免费·exe】

这是我最先用的测试浏览器兼容性的工具,想必也是大家用的最多的一个,IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮助程序员设计效果统一的代码。IETester可以在独立的标签页中开启IE5.5、IE6、IE7,IE8 beta2这4个不同版本的IE。可以方便的解决IE浏览器的兼容问题。

1.1、SuperPreview【收费·exe】

最先知道SuperPreview是在微软WebCast的技术创新日的课程上,在SuperPreview中,你可以同时浏览网页在各个版本的IE中的效果。根据微软的介绍,SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定,如果系统安装了IE8,那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6;如果系统安装了IE7,那SuperPreview只包括IE7和IE6;如果系统安装了IE6,那SuperPreview只能测试IE6。

 

 不过,Microsoft Expression Web 3向所有浏览器敞开了大门,这里有篇不错的文章。大家可以了解下。

 1.2、Adobe Browserlab【在线测试】

Adobe突然宣布关闭桌面浏览器测试服务BrowserLab

【据外媒报道,Adobe公司忽然宣布将关闭旗下的桌面浏览器测试服务平台BrowserLab,建议用户可以选择使用BrowserStack和Sauce Labs来代替Adobe Browserlab】

Adobe Browserlab是Adobe出品的在线测试工具,基于flash开发。支持FF,IE等多种浏览器,使用之前首先需要注册。

图中则是FF和Safari的测试。

1.3、BrowserStack【在线测试】

提到BrowserStack提供虚拟化服务。大多数开发者,当他们听到的是“虚拟机”,就认为这不是一种很好的方法,因为虚拟机需要宝贵的磁盘空间和系统资源,并且大多数开发者厌恶运行它们。 BrowserStack采取一种不同的方法,利用Adobe Flash在自己的浏览器提供了一个虚拟浏览器。你不需要安装任何真实的虚拟浏览器。

bs-nettuts-page

这是非常强大的功能,最关键的就是要在你的浏览器做的。当然你不局限在操作系统或浏览器版本选择。browserstack提供虚拟化为:

  • Windows XP, 7 and 8
  • OSX Snow Leopard, Lion and Mountain Lion
  • iOS
  • Android
  • Opera Mobile

bs-oses

是的,他们提供移动浏览器的虚拟化。我们在一个移动的世界,所以我期望的不多。根据你选择的操作系统,BrowserStack提供了一些特定的操作系统支持的浏览器,在某些情况下,包括测试版和nightlies。

除了操作系统和浏览器的选项,你可以选择你喜欢的屏幕分辨率测试,这是特别有用的,它可以检查网站页面的布局。开发者也可以登录http://www.browserstack.com/responsive监测你的网站在不同的分辨率下显示。

BrowserStack是如何工作的

第一步你需要注册,BrowserStack是一个需要付费的服务,我认为是非常合理的定价,你可以得到一大堆更多的功能。 一旦你注册和登录,你就可以在仪表盘看到一些快速启动栏了~

你可以直接输入需要测试的网址,然后选择操作系统和浏览器,直接进行测试。

这里需要强调的是,你看到的测试页面,不是一个网页截图也不是一个假的进程。是可以直接访问的站点,包括菜单,按钮等等。也包括可以试用浏览器自带的开发工具,比如IE的F12,Chrome的开发工具。

所以你不仅能看到你的网页呈现在浏览器里的样子,也可以使用现有的工具来调试常见问题。很酷!

在本地使用BrowserStack

BrowserStack提供了一个隧道功能,允许您远程测试本地页面。它采用Java Applet作为代理基于云计算的服务,在您的目录或Web服务器。这意味着你将需要安装Java,而我更倾向于在这种情况下,不建议安装的Java浏览器插件,但是这是一个必要和有价值的。 在browserstack仪表板中,您应该会看到一个标题为“本地测试”的两个按钮标记为“Web隧道”和“命令行”。 

 “网络隧道”选项,利用了Java applet来建立您的计算机和远程服务之间的隧道。这可以在文件系统级别上,在那里你可以选择一个特定的目录您的网页或本地服务器的URL(例如:本地主机)。为了说明这一点,我已经安装了WAMP的我的电脑上有一个本地网络服务器,与BrowserStack使用。 WAMP的默认情况下,也可通过安装phpMyAdmin的:http://localhost:81/phpmyadmin/ 我使用端口81为不与另一个进程我运行冲突。点击“网络隧道”选项打开如下对话框让你知道程序加载:

因为Oracle工作在安全的Java上,尤其是他们的浏览器插件,你应该提示运行小程序。我的建议是绝不允许任何未签名的小程序,从一个网站到你的电脑上运行,所以我总是将我的Java安全性设置为“高”。还有一个选项,称为“非常高”,可以防止browserstack程序从远程连接。

  

一旦运行applet,你会出现一个对话框,询问您当地的服务器的地址或文件夹。

正如你可以看到,我进入我的本地URL,它检测到的端口号。如果您需要,您也可以使用SSL。在这里我能看到我的BrowserStack远程服务器上的本地副本的phpMyAdmin。

 现在,如果你不想在浏览器或因某些原因不能使用Java小应用程序,您可以使用“命令行”选项,你需要下载一个。JAR文件称为通过命令行来建立连接:

java -jar BrowserStackTunnel.jar  localhost,3000,0

在会是一个BrowserStack的访问键,你必须输入。一旦建立连接后,你再返回到仪表板,开始测试。就我个人而言,我更喜欢小程序的方法因为它很简单。

1.4、Sauce Labs【在线】

 Sauce Labs是一个提供自动化功能测试的云测试服务公司。

其提供两种服务,Sauce Scout是手工测试的工具,用户可以选择操作系统和浏览器版本,然后就能拿到一台VM进行手工测试了;Sauce OnDemand是自动化测试服务,用户在本地写好脚本,然后脚本是运行在他们的云里面。

Sauce OnDemand:如果你之前写过Selenium【Selenium也是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。支持的浏览器包括IE、Mozilla Firefox、Mozilla Suite等。这个工具的主要功能包括:测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。测试系统功能——创建衰退测试检验软件功能和用户需求。支持自动录制动作和自动生成。Net、Java、Perl等不同语言的测试脚本。Selenium 是ThoughtWorks专门为Web应用程序编写的一个验收测试工具。】的测试脚本,那迁移到Sauce OnDemand的成本是很低的,只需要把本地的webdriver(接下来都会以自动化测试工具WebDriver做例子)改成他们的remote driver就ok了。我是直接用的他们提供的example脚本:https://saucelabs.com/docs/ondemand/getting-started/env/python/se2/mac

跑完脚本以后看结果,这里才是重点。每跑一次任务,在他们的系统里面都会生成一个Job,这个Job所包含的信息相当详细:

  • Build,如果你是通过CI系统来发起一次自动化测试的话,可以把Build的版本号记到Job里面
  • Tags,这次跑的是Smoke还是Full的测试呢?是一个RC版本还是Live版本
  • Custom Data,以上简单的信息都满足不了你的需求,可以自己传一个JSON格式的对象进去

测试出错怎么办?一切都在云?

  • 视频回放功能 – 这个太好了,可以看看失败的测试当时是怎么跑的
  • Log – 每一个操作都有Log,用什么方法拿到一个元素,输入了些什么东西
  • 截图 – 某些操作会带有截图,也很有用

而且这些Log和Video都是可以下载的。

以上就是Sauce OnDemand的简单介绍,那可能有人会说,这样的功能,我自己的本地跑测试就可以了,为什么还要花钱搞到云里面去?把自动化测试并行起来!

假如执行1个自动化测试用例需要1分钟;覆盖10个平台+浏览器,串行执行就需要10分钟。假如并行执行,只需要1分钟就完成了。听起来很有吸引力吧。这里有一个用Python并行执行测试大概例子(不完整,没有真的调用测试,但是演示了如何进行并行):https://gist.github.com/511658 更多其他语言的并行测试例子:http://saucelabs.com/blog/index.php/tag/parallel-testing/

以上讲了那么多,貌似我说的是在测试“外网”站点啊!我不想先发布后测试,我要测试内网站点,怎么办?他们有个Sauce Connect可以搞定这个问题:) 另外还有一些API让用户获取测试结果。

总结:Sauce Labs提供了针对Selenium实施自动化测试的云服务,和别的云服务有点不一样,他们没有号称使用他们的服务可以降低成本

1.5、Browsershots【在线】

使用地址:http://browsershots.org/

这是一个在线测试工具,支持很多浏览器。

输入www.cnblogs.com测试一下:

相对前几个测试工具,个人感觉这个显得稍微逊色了一些。 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

浏览器兼容性测试工具 的相关文章

  • 软件版本比较之——Java算法实现软件版本比较

    最近遇到一个开发中的小问题 软件版本比较 例如2 12 3和2 2 1这两个版本号 哪个更新 其实 客户端版本检测更新 检测后台是否有更新版本可更新 Java中最简单的一种方法便是获取当前客户端版本号 与服务端提供的最新版本号做equals
  • 如何删除文件夹右键菜单多余项

    如何删除文件夹右键菜单多余项 1 所有或大部分文件都有的右键菜单 打开注册表编辑器后 在 HKEY CLASSES ROOT Shellex ContextMenuHandlers 根据名称删除相应的子项 2 文件夹的右键菜单 在注册表中的
  • 【安装教程】vscode安装教程(超详细)

    Visual Studio Code 简称 VSCode 是一款由微软开发且跨平台的免费源代码编辑器 该软件支持语法高亮 代码自动补全 代码重构功能 并且内置了命令行工具和 Git版本控制系统 用户可以更改主题和键盘快捷方式实现个性化设置
  • TD添加IE8支持

    今天同事突然安装了IE8了 说TestDirector8 0在IE8 0下无法使用 于是在网上搜索 最后终于知道解决方法了 方法一 下载插件 安装TD自带的浏览器 通用 使用 进入TestDirector 单击Add ins Page 在新
  • 性能测试的方法

    性能测试主要采用的方法有 1 负载测试 通过对系统不断的加压 直到超过预定的指标或者部分资源达到一种饱和状态不能再加压为止 该方法主要用于找到系统最大的负载能力 为性能调优提供数据 2 压力测试 指系统已经达到一定的饱和程度 CPU 磁盘等
  • 使用 .net + blazor 做一个 kubernetes 开源文件系统

    背景 据我所知 目前 kubernetes 本身或者其它第三方社区都没提供 kubernetes 的文件系统 也就是说要从 kubernetes 的容器中下载或上传文件 需要先进入容器查看目录结构 然后再通过 kubectl cp 指令把文
  • Flutter网络请求篇-dio-retrofit

    flutter retrofit plug网址 https pub dev packages retrofit 创建抽象类 RestApi baseUrl http www devio org abstract class Http fac
  • wallpaper Engine 安装教程

    今天在网上看到了一个软件wallpaper Engine 效果太酷炫了 就买了个来试试 效果是很棒 但是缺点是无法和桌面管理工具兼容 例如Fences 如果要二者兼得 则必须要PS辅助 运行环境 Windows7 Wallpaper Eng
  • zigbee串口打印无法显示或乱码解决方法

    zigbee串口打印问题 在终端节点向协调器发数据时 在数据流中伴有该节点的网络地址 而有时通过PC端无法打印出来 1 可能是串口软件的问题 用过好几个串口软件 有时会出现停止 或乱码行为 在经过多次换用软件 发现 SecureCRT 这个
  • 对于前端开发在vs code中编写后出现的Cannot find module 'crypto-js/hmac-sha256.js'.报错

    移植了老师的代码 出现了该问题 应该是js加密的问题 而本机中并没有使用过js加密 所以并没有该包的原因 遵循没有就安装的方式进行解决 1 直接安装该包 网上大多数都是这个方法 命令行代码如下 npm install crypto js 跟
  • Ubuntu 安装 anaconda

    文章目录 写在前面 一 官网下载安装包 二 安装 参考链接 写在前面 Ubuntu安装 anaconda 比较简单 去官网下载 anaconda 安装包 然后安装即可 自己的安装环境 Ubuntu18 04 anaconda3 博客撰写日期
  • qq键盘快捷键大全

    qq键盘快捷键大全 Ctrl A 全选 Ctrl B 整理收藏夹 Ctrl C 复制 Ctrl D 删除 添加收藏 在Word中是修改选定字符格式 在IE及傲游 中是保存为收藏 Ctrl E 搜索助理 在Word中是段落居中 Ctrl F
  • Javascript高级应用:文件操作篇

    Javascript是网页制作中离不开的脚本语言 依靠它 一个网页的内容才生动活泼 富有朝气 但也许你还没有发现并应用它的一些更高级的功能吧 比如 对文件和文件夹进行读 写和删除 就象在VB VC等高级语言中经常做的工作一样 怎么样 你是否
  • python pyplot logscale 画图对数

    原文来自公众号 工程师看海 事情的起因是我要在公众号 工程师看海 更新一篇文章 介绍电感 磁珠的区别 需要画阻抗 频率曲线 横坐标频率要按照log对数尺度缩放 就写了python代码 废话不多说 先看结果 公众号后台回复 python lo
  • 谷歌报错

    由于修改了一些打包配置文件导致页面跳转失败和页面资源加载失败 错误如下 在添加了vue router的情况下 使用了base导致页面加载失败 解决 合作开发中修改了打包配置导致失败 如 非生产环境下改为 即可 ps vue cli版本4 0
  • 跨域与跨域访问

    什么是跨域 跨域是指从一个域名的网页去请求另一个域名的资源 比如从www baidu com 页面去请求 www google com 的资源 跨域的严格一点的定义是 只要 协议 域名 端口有任何一个的不同 就被当作是跨域 为什么浏览器要限
  • 点击按钮复制链接

    做点击按钮复制链接 网上找的方法是用原生js document execCommand Copy window clipboardData setData Text url value 发现微信上存在不兼容 在安卓和PC段都可以 但是在苹果
  • Navicat关闭自动检查更新版本教程

    Navicat关闭自动检查更新版本教程 首先 点击菜单中的工具菜单 弹出了下拉菜单选中为选项 点击选项 首先 点击菜单中的工具菜单 弹出了下拉菜单选中为选项 点击选项 去掉勾选上在启动时自动检查更新选项
  • Python 元组完全指南 1

    元组用于在单个变量中存储多个项目 mytuple apple banana cherry 元组是 Python 中的 4 种内置数据类型之一 用于存储数据集合 另外还有列表 集合和字典 它们都具有不同的特性和用途 元组是有序且不可更改的集合
  • 浏览器原理篇—渲染原理

    目录导航 为什么要学习浏览器的渲染原理 浏览器的渲染流程 浏览器的渲染阻塞 浏览器的渲染优化 为什么要学习浏览器的渲染原理 知识深度挖掘 帮助更好地理解前端性能优化 从而对实现效果进行针对性优化 如 回流和重绘 渲染机制 帮助更好地理解浏览

随机推荐

  • linux 7 虚拟机安装,CentOS 7上使用virt-manager安装虚拟机

    KVM Kernel based Virtual Machine 是基于x86架构上Linux操作系统的全虚拟化解决方案 在CentOS7中 KVM已经被集成到内核中 相当于使用内核来做虚拟机管理程序 由于KVM本身就工作内核环境中 所以执
  • arthas常用命令整理

    官网链接 Arthas Install Arthas 3 5 4 文档Arthas Install Arthas 3 5 4 文档 今天是1024程序员节 昨天研究了下arthas整理一下笔记 常用命令 watch watch Arthas
  • 上传jar包到nexus私有仓库

    通常在项目开发过程中 免不了需要上传公共组件包到nexus私有仓库 尽管前期有专人来搭建nexus私有仓库并上传好公共组件包 但后期免不了会自研一些组件包要自己上传 本篇文章就针对命令上传jar包到nexus私服仓库中心做个简单记录 便于后
  • 写需求套路/组件使用套路

    写需求套路 1 html css 2 数据铺设 数据绑定 数据微调 3 js交互 gt 事件 正则 组件使用套路 1 找组件 引组件 2 用组件 标签和js复制 读 删 改
  • python实现opencv学习四:numpy操作数组输出图片

    读取一张图片 并将像素取反 代码 coding GBK import cv2 as cv def access pixles image print image shape height image shape 0 width image
  • 处理el-table大数据卡顿的问题,包含tree型数据格式

    文章目录 概要 技术细节 小结 概要 如果你有更丰富的表格需求 可以查看我另一篇文章 关于vxe table的使用心得及扩展 1 现象 有时候el table的数据可能有成千上万条 而且又要在一页显示完 这时候页面渲染的dom太多了 可能会
  • Java如何保证集合是线程安全的?(代码实践抛砖引玉)

    在Java中绝大部分的集合像什么ArrayList HashMap等绝大部分不是线程安全的 仅有的线程安全的实现 像HashTable Vector等在性能上又不好 但是不要怕啊 我们大Java还有并发包 Java util concurr
  • (汇编:20H~7FH 单元数据清0)

    函数功能 20H 7FH 单元数据清0 ORG 000H 从000H单元开始 MOV A 02H 把1赋值给寄存器A MOV R1 20H 清零数据首地址为20H MOV R2 60H 需要置1的次数 LOOP MOV R1 A 采用间接寻
  • 【postgres】备份还原数据库

    备注 数据库密码都是一个 su postgres 导出数据库 pg dump p 15432 数据库名 gt 备份名 sql 创建数据库 su root psql p 15432 U postgres W 注意一定要加 号 create d
  • eclipse生成webservice客户端代码以及通过客户端访问服务端

    最近工作中需要用到webservice调用其他服务 没接触过这个 研究了几天 做个记录 1 eclipse生成webservice客户端 打开eclipse File gt gt New gt gt Other 2 Web Services
  • MySQL 复制数据到另外一张表(新建空表、已建空表)

    一 仅复制表结构到新建表 说明 example new为新创建表 example old为旧表 操作完成后仅把旧表结构复制到新建表 create table example new like example old 二 复制结构与数据到新建
  • 翁凯c语言作业10-1

    include
  • 搭建一个简单的https服务

    为了测试ab工具压测https接口 简单搭了一下https 记录一下过程 环境准备 在docker中建了3个容器 A 证书颁发 CA B 服务端 C 客户端 docker run d name ca centos centos7 bin b
  • mac解决mysql忘记密码的问题(亲测有效)

    打开终端依次执行如下命令 第一步 进入mysql服务 sudo usr local mysql support files mysql server stop 第一步 进入mysql的bin目录 cd usr local mysql bin
  • nginx多级代理

    文章目录 一 实验步骤 1 docker config创建3台nginx配置文件 2 集群node节点打标签 3 docker compose编排文件 4 在manager节点创建目录 5 部署服务 6 访问测试 总结 测试环境说明 基于d
  • 解决git:fatal:Unable to create".../.git/index.lock" 的错误

    问题描述 在使用git 进行提交时 出现上面这个报错 导致无法提交 报错大致意思就是创建index lock文件失败 因为已经存在index lock文件了 index lock文件是在 git下面 而 git是一般是隐藏的 那么可以通过以
  • std::enable_shared_from_this消除异步回调引发的野指针问题

    std enable shared from this这个C 组件完美解决了异步回调发生时宿主对象销毁的问题 C 提供了lambda表达式和各种异步函数 std thread std async或者其他框架api都提供了异步回调方法 特别是
  • js实现数组去重、比较两数组得出重复部分

    数组去重的两种方法 1 用新对象来存储 对象的key值为数组元素 var removeDup function old var arr 1 2 3 4 3 4 5 var o for var i 0 i lt arr length i va
  • Android MVC MVP MVVM

    浅谈 MVP in Android MVP模式解析实践 Android DataBinding库 MVVM设计模式
  • 浏览器兼容性测试工具

    相关连接 浏览器兼容性概述 目录 一 浏览器兼容性测试工具 1 0 IETester 免费 exe 1 1 SuperPreview 收费 exe 1 2 Adobe Browserlab 在线测试 1 3 BrowserStack 在线测