精华内容
下载资源
问答
  • 浏览器兼容性测试

    2019-01-03 22:30:00
    ❤参考文档:网址 定义:浏览器兼容性又叫网页或者网站的兼容性问题,是指不同的...大型的,用户群体多的网站都需要做浏览器兼容性测试,需要测试主流的浏览器(除特定要求的浏览器以外) 测试的内容: 一...

    ❤参考文档: 网址

    定义:浏览器兼容性又叫网页或者网站的兼容性问题,是指不同的浏览器(内核)对同一段代码有不同的解析,造成页面显示不一样的情况

    所以需要考虑到:内核,客户端屏幕尺寸&分辨率,操作系统,不同终端

     1.什么时候需要做浏览器兼容性测试?

    • 大型的,用户群体多的网站都需要做浏览器兼容性测试,需要测试主流的浏览器(除特定要求的浏览器以外)
    • 测试的内容:
      • 一般是页面的排版,页面格式,字体,颜色,下拉菜单,复选框等测试(UI:CSS,HML,Js在不同浏览器下的表现)
      • 再就是对功能进行检查
    谷歌Chrome Blink,Webkit 体积小浏览速度快,本身安全性较高
    火狐Firefox Gecko 跨多个平台,最大的特色就是兼容,速度比较快
    ie Trident 使用用户越来越少,逐渐被其他浏览器取代
    360 Blink(Webkit)-极速,Trident-兼容 现在主流浏览器,会将不能识别的软件作为病毒处理掉,会将它认为不安全的浏览器重新命名等
    搜狗/QQ Webkit-极速,Trident-兼容  
    safari Webkit 是苹果计算机的操作系统Mac OS中的浏览器
    Opera Blink 跨多个平台,快速、小巧和比其他浏览器更佳的标准兼容性

     

    2.会对不同版本的浏览器进行测试吗?例如:兼容IE8~IE11

    • 按照需求,做到一定程度上的向下兼容
    • 用户手册、用户引导中,写推荐使用的浏览器(版本和内核)

     

    3.小众浏览器需不需要做兼容性测试?用户反馈再小众浏览器上有问题?怎么处理?

    • 一般来说都需要做兼容性测试,保证我们在小众浏览器上也不会出现错位问题 ,但是具体怎么做要看用户的要求(eg:用户说是需要在谷歌浏览器上加宣传彩页,视觉效果最好,我们就得调查分析 市面上大多数用户使用的分辨率及谷歌浏览器多少分辨率视觉效果才是最好的)。
    • 可以与用户沟通,看这个小众浏览器上的客户群体占比例情况能不能放弃,主推大众浏览器,如果不行,可以联系开发修改代码保证小众浏览器的兼容性

     

    4.如果一个网站分为前台、后台是否都需要做浏览器兼容性测试?

    • 前台测试一般都会做兼容性测试,但是如果我的网站后台只有自己进行管理,一般不需要做兼容性测试,如果我们后台会分一部分权限对外,就得需要做兼容性测试,还是得根据用户的需求来定。

     

    5.面试:你们做的项目是什么架构?

    • BS:
      • Browser/server
      • 浏览器的兼容:IE,Firefox…..一般就是最新版本/稳定版本就可以了。是不是可以使用,展示是不是OK
    • CS:
      • Client/server
      • CS客户端的兼容:在不同系统是不是兼容。可以安装就好

    6.测试手段 

    • 手工测试:安装不同的浏览器,逐一进行测试(可能考虑高低版本,eg:IE工具ietester [ie8-ie11]);
      • 目标浏览器(高低版本):1.需要和产品沟通好,以需求为准;2.或者参考行业领头的标准
      • 主要环境已经明确,用例要进行全覆盖。侧重:主业务流程
    • 云测试:wetest,Testin,人手不足的付费测试
    • 测试环境需求:设备,正常网络,弱网,断网

     

    转载于:https://www.cnblogs.com/bf-blackfish/p/10215777.html

    展开全文
  • 浏览器兼容性测试工具

    万次阅读 2018-05-28 20:42:04
    一、浏览器兼容性测试工具 1.0、IETester【免费·exe】 这是我最先用的测试浏览器兼容性的工具,想必也是大家用的最多的一个,IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮助程序员设计效果...

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

    目录

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

    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测试一下:

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

     

    展开全文
  • 最近对公司一产品进行Google Chrome 浏览器兼容性测试,测试本身问题都可以解决,但是浏览器有些版本不好找啊~~~~~~ 介于此,与大家分享一些使用了的Google Chrome 浏览器版本,希望可以替你解决这个大麻烦。本地有...

    最近对公司一产品进行Google Chrome 浏览器兼容性测试,测试本身问题都可以解决,但是浏览器有些版本不好找啊~~~~~~

    介于此,与大家分享一些使用了的Google Chrome 浏览器版本,希望可以替你解决这个大麻烦。本地有这些版本,等我网络好了近期会放百度网盘链接上来。

    1. Chrome_19.0.1084.56
    2. Chrome_23.0.1271.97
    3. Chrome_34.0.1847.116.1397186937
    4. Chrome_44.0.2403.155
    5. Chrome_50.0.2661.102
    6. Chrome_55.0.2883.87
    7. Chrome_64.0.3282.119
    8. Chrome_66.0.3359.139
    9. Chrome 70.0.3538.77
    10. Chrome 71.0.3578.98
    11. Chrome 72.0.3626.81
    12. Chrome 73.0.3683.103
    13. Chrome 79.0.3945.130
    14. Chrome 80.0.3987.132
    15. 20200817新增:81.0.4044.92、81.0.4044.138

    最新版的Chrome71将浏览器更新至最近就行。

    Chrome安装包百度下载链接:链接: https://pan.baidu.com/s/1WkanREXB5qmrzZEVRRptjA

    提取码: f98s

     

     

     

    展开全文
  • Web浏览器兼容性测试

    2015-09-13 12:40:47
    Web浏览器兼容性测试工具如何选择? 对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的...

    Web浏览器兼容性测试工具如何选择?


    对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很棒的浏览器兼容性测试工具 让我们一起看看这些很棒的工具吧。

      Spoon Browser Sandbox

      点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。

      Superpreview

      这是为微软自己发布的跨浏览器测试工具,您可以同时查看您的网页在多个浏览器的呈现情况,对页面排版进行直观的比较。

      IETester

      专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,很不错的一款工具,推荐。

      BrowserShots

      BrowserShots 是一款免费的跨浏览器测试工具,捕捉网站在不同浏览器中的截图。这是最有名,也是最古老的浏览器兼容性测试工具。

      Multiple IEs

      这款工具同样用于测试网页在IE浏览器各个版本的兼容性。

      IE netrenderer

      Netrenderer 也是用于检查你的网站在IE浏览器中的呈现情况,包括各个常用版本的检测。

      Viewlike.Us!

      Viewlike 是一款新推出的工具,帮助你检查浏览器在不同分辨率下得呈现情况。

      BrowserSeal

      这款工具的两个主要特色是独立的浏览器支持和带有自动化脚本的命令行界面。

      Browsera

      Browsera 是一个可测试您的网站的跨浏览器布局的工具,您会看到您网站上存在的兼容性错误。

      WebDevLab

      这款工具专门用于测试你的网站在苹果Safari浏览器中是什么样子的。

      Litmus

      这个工具可以帮助你检查你的网站在多个浏览器中的呈现情况,跟踪Bug并创建报告。

      Browsercam

      最后这款工具是要付费的,可以帮助你检查 Javascript 和 DHTML,提供不同的测试环境平台。


    展开全文
  • 再谈浏览器兼容性测试

    千次阅读 2014-08-16 23:37:05
    今天跟大家聊一个老生常谈的话题:浏览器兼容性测试。 测试国内网站的同学是不是已经非常头疼了,因为面对的浏览器除了国际大牌如IE, Chrome, Firefox, Opera, Safari, 还有国内诸多屌丝级的浏览器如:360...
  • 浏览器兼容性测试工具Browser Sandbox

    千次阅读 2017-12-05 19:24:47
    搜索试用了一些可以用于网页测试的小工具,其中比较好用的一些,记录如下: 浏览器兼容性测试工具Browser Sandbox安利指数 ★★★★☆简介: Browser Sandbox是个插件,可以安装在Chrome下 功能:实现在一台机上测试...
  • 12款浏览器兼容性测试工具推荐

    千次阅读 2016-11-23 10:12:25
    分类:浏览器兼容性测试(1)  对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒...
  • 常见的浏览器兼容性测试工具有以下几种 IETester 这是我最先用的测试浏览器兼容性的工具,想必也是大家用的最多的一个,IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮 助程序员设计效果统一...
  • SpoonBrowserSandbox浏览器兼容性测试工具安装与使用说明 最近实习的公司测试部的同事需要进行一些测试产品浏览器兼容性方面的工作,之前公司一直都是使用下载不同版本的浏览器来进行测试。这样效率太低了,所以同事...
  • web浏览器兼容性测试

    2012-05-16 11:23:41
    对于web测试,经常需要针对不同浏览器兼容性测试,如IE,Firefox等,如果单纯的手工测试,比较耗时, 这里推荐一个不错的兼容性测试工具browsershots,无需安装或者注册就能使用。 网址http://browsershots.org/...
  • 几款浏览器兼容性测试工具 2018-03-05 18:17:03yaya_1q2w阅读数 43304收藏 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。 本文链接:...
  • 在许多谈及网站或Web应用开发的场合,开发人员最为关心的莫过于跨浏览器的兼容性问题,因为跨浏览器兼容性测试是Web应用或网站开发中最为关键的一个环节。今天小编就给大家介绍目前流行的、面向开发人员的6种浏览器...
  • 面试官:你说到有进行浏览器兼容性测试,那么你是选择哪些浏览器进行测试,为什么这么选择呢? 我:选择市场份额较大的一些主流浏览器 面试官:不进行分类么? 我:尴尬而不失礼貌的微笑 赶紧补充了这个知识点,...
  • 浏览器兼容性测试RIDE已经支持多浏览器兼容性测试,例如: firefox ie chrome Google Chrome 但是,项目要求支持360极速和360安全浏览器。所以,我们需要增加代码让RIDE识别。其他浏览器类似(本地浏览器)。...
  • 浏览器兼容性测试工具Spoon Browser Sandbox 转载自:http://blog.sina.com.cn/s/blog_6d3c1ec60101cyfz.html   A、浏览器兼容性和测试工具 对于Web前端开发工程师来说,要确保代码在各个主流浏览器的各个...
  • 既有使用主流浏览器的也有使用非主流的(比如作者,用的是Opera,碰到过很多网页都有兼容性的问题……)所以,为了保证我们的软件产品能够面向大多数的用户,浏览器兼容性测试在Web测试中占据了十分重要的作用。...
  • Web浏览器兼容性测试工具如何选择

    千次阅读 2012-07-27 13:23:14
    网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很棒的浏览器兼容性测试工具让...
  • 浏览器兼容性测试应该如何做?

    千次阅读 2017-06-15 11:06:52
    如今,市面上的浏览器种类越来越多(尤其是在平板和移动设备上),这就意味着你所测试...这两点就导致了对于日益增多的浏览器兼容性测试显示十分必要,但也使得这种兼容性测试变得十分耗时。 通过全覆盖的测试,你就
  • 如今,市面上的浏览器种类越来越多(尤其是在平板和移动设备上),这就意味着你所测试的站点需要在这些你声称支持浏览器上都能很好的工作。...一个最简单的减少浏览器兼容性测试的办法,就是停止对老版本浏览器
  • 浏览器兼容性测试,现在有没有一款软件能模拟主流浏览器(火狐,ie,google)
  • 常用浏览器兼容性测试点总结

    千次阅读 2018-11-22 13:25:31
    一、选择浏览器 考虑市场占用率、浏览器版本和IE版本(IE...二、测试点 1、界面 (1)文字图片是否正常显示 (2)排版是否统一 (3)页面格式,字体,输入框,下拉框,复选框,按钮等 (4)特效、视频、音频、全景图...
  • 浏览器兼容性测试问题

    千次阅读 2017-09-25 17:46:02
    1.产生原因  不同浏览器使用内核及所支持的HTML等网页语言标准不同用户客户端的环境不同(如分辨率不同) ...通过对css样式控制以及通过脚本判断并赋予不同浏览器的解析标准。 在开发过程中使用当前比较流行的
  • 这篇文章主要介绍了前端开发必备:12款浏览器兼容性测试工具推荐,浏览器兼容性测试工具一般都具备模拟当前主流浏览器的功能,例如国内用的比较多的IETester,就可以模拟IE6、IE7、IE8等,这样就方便了前端的CSS和JS的...
  • 两个可用于浏览器兼容性测试的Firefox插件
  • SuperPreview 浏览器兼容性测试

    千次阅读 2012-06-22 20:34:15
    简介:SuperPreview是微软发布的网页... 简化了在不同的 Web 浏览器测试布局和调试布局问题的过程。 下载安装:可以直接在官网中下载,安装过程也很简单。 使用: 1、打开软件,其界面如下: 2、选择比较的

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 120,580
精华内容 48,232
关键字:

浏览器兼容性测试报告