浏览器兼容——如何测试

这篇具有很好参考价值的文章主要介绍了浏览器兼容——如何测试。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

背景

猝不及防的接手了旧项目,需要兼容旧版浏览器。第一道坎就是要解决怎么测试的问题。了解到的方法有:浏览器安装包、跨浏览器测试工具、虚拟机、物理机。

首先放弃了测试工具【需要收费😭】、物理机【可行性为 0】。

剩下的两种方法 安装包、虚拟机 会在文中介绍。

浏览器内核

兼容问题主要是因为内核种类及内核的版本不同导致的,所以先了解下不同浏览器间对应的内核:

浏览器 内核
Chrome Blink
Microsoft Edge Blink
IE Trident
360、QQ 等国内浏览器 Trident[兼容模式] / Blink[极速模式]
Firefox Gecko
Safari WebKit

从表格中可以看出国内浏览器的双模式其实就是对应 IE 和 Chrome 两种内核,且 Microsoft Edge 也转向了 Chrome 的内核,因此通常只需测试 Chrome、IE、Safari、Firefox 这四种浏览器。

方法一:浏览器安装包

直接通过安装包,在你的电脑安装并运行即可进行测试。

方法二:虚拟机

该方法主要针对系统自带浏览器(如 IE、Safari)或者你电脑的操作系统不能直接运行对应的浏览器。

  1. 根据待测浏览器版本找到对应操作系统的版本
  2. 再找到对应操作系统镜像
  3. 通过虚拟机安装运行即可进行测试。

各浏览器测试说明

Chrome

得益于 Chrome 优秀的版本管理 和 Chromium(简单理解为 Chrome 的精简版) 的开源,我们能找到所有需要的旧版安装包,方法如下:

  1. 根据 Chrome 更新日志 找到对应版本号。

     PS:右侧栏提供了筛选,可以快速找到想要的日志,不用从头翻到尾
    复制代码

    测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

  2. 根据版本号(以 64.0.3282.119 为例)查找对应代码提交号 520840

    测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

  3. 利用提交号去 构建存档 搜索安装包

    1. 选择对应平台(以 Win_x64 为例)

      测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

    2. 用提交号搜索(结果为空时,可以尝试删掉末尾数字,搜索邻近的提交号也可以,差异可以忽略),进入文件夹中 mini_installer.exe 就是安装包

      测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

使用提示

Chrome 不能指定安装目录,测试不同版本需要重新安装,安装前先执行以下操作清除数据:

  1. 删除注册表(位置参考:计算机\HKEY_CURRENT_USER\SOFTWARE\Chromium)
  2. 删除安装路径中的文件(位置参考:C:\Users\Administrator\AppData\Local\Chromium)

可以配置 chrome.exe 快捷方式增加选项:

--user-data-dir:配置缓存和数据路径

测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

IE

利用 IE 自带的调试工具就可以切换不同内核运行

测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

360、QQ 等国内浏览器

国内浏览器通常有两个模式:兼容模式测试同 IE、极速模式测试同 Chrome。
由于浏览器更新日志不全,无法找到所有版本号对应的内核,目前看到内核普遍落后 Chrome 两年左右,所以不严格推算以需要兼容的时间点往前推两年即可。

Firefox

Firefox 的版本管理做的同样很优秀。

  1. 在 更新日志 找到所需版本

  2. (下载地址)选择对应 版本、平台、语言的安装包下载即可

    测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

使用提示

与 Chrome 不同,Firefox 可以选择安装目录,所以不同版本测试无需重新安装。

Firefox 默认会自动更新,所以首次进入需要设置不检查更新、取消后台更新服务。

测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

Safari

通过虚拟机安装对应版本 macOS 进行测试。

版本发布历史:

测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

最后: 下方这份完整的软件测试视频学习教程已经整理上传完成,朋友们如果需要可以自行免费领取【保证100%免费】

测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生

 这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

测试浏览器,软件测试,职场日常,自动化测试,单元测试,自动化测试,软件测试,测试工具,程序人生文章来源地址https://www.toymoban.com/news/detail-839033.html

到了这里,关于浏览器兼容——如何测试的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 8 款浏览器兼容性测试工具介绍,需要的赶紧收藏吧

    目录 前言 1、IETester 2、BrowserShots 3、Spoon Browser Sandbox 4、Browserstack 5、LambdaTest 6、Browserling 7、CrossBrowser Testing 8、Browsera 浏览器的兼容性问题,是指不同浏览器使用内核及所支持的HTML等网页语言标准不同,用户客户端的环境不同造成的显示效果不能达到理想效果。对于用户而言

    2024年02月13日
    浏览(25)
  • vue如何进行跨浏览器兼容性处理

    让我来和你聊一聊如何让你的Vue应用在不同的浏览器和操作系统上正常运行。 首先呢,我们要知道一个事实:不同的浏览器有不同的特点和偏好,就像每个人都有独特的个性和习惯一样。你想要让你的应用在每个人的浏览器上都正常运行,就要像交朋友一样,要尊重每个浏览

    2024年02月07日
    浏览(31)
  • 浏览器兼容模式如何设置?只需要跟着下面的步骤设置

    许多考生在报考教师资格证或者其他的考试报名,会遇到浏览器兼容设置的问题。与其到时急急忙忙来设置浏览器的兼容模式,不如提前设置好,免了后顾之忧。 浏览器兼容模式怎么设置?一起来看看关于浏览器兼容模式的含义以及设置方式吧! 操作环境: 演示机型:Del

    2024年02月07日
    浏览(39)
  • 部分浏览器兼容遇到的问题

    默认的内外边距不同 问题:各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;} 水平居中的问题 问题:设置 text-align: center; ie6-7文本居中,嵌套的块元素也会居中,ff /opera /safari /ie8文本会居中,嵌套块不会居中 解决:块元素设置 1、 margin-left:auto;margin-right:auto 2、 marg

    2024年02月16日
    浏览(32)
  • 浏览器兼容性:条件注释

    条件注释与 HTML 注释 (  !-- -- ) 具有相同的语法,但它们仅适用于 Internet Explorer 浏览器 (IE)。尽管现在网络上不再使用该技术。 注释里面的内容只在IE 5-9上可用,其他浏览器会忽略。从 IE 10 开始,语法被禁用。 还可以添加一些约束来限制 IE 版本,例如: 表示IE版本的特殊字

    2024年02月06日
    浏览(47)
  • 解决前端浏览器兼容性问题

    解决前端浏览器兼容性问题时前端开发中的一项重要任务。以下是一些常用的方法来解决这类问题: 1、使用css前缀: 不同浏览器可能对某些CSS属性有不同的前缀要求。可以使用CSS前缀来覆盖不同浏览器的样式需求。例如,使用 -webkit 前缀来适配WebKit(Chrome、Safari)浏览器

    2024年02月09日
    浏览(29)
  • 测试中如何构建模拟器--以单元测试、浏览器模拟为例

    2024软件测试面试刷题,这个小程序(永久刷题),靠它快速找到工作了!(刷题APP的天花板)_软件测试刷题小程序-CSDN博客文章浏览阅读3.3k次,点赞86次,收藏15次。你知不知道有这么一个软件测试面试的刷题小程序。里面包含了面试常问的软件测试基础题,web自动化测试、

    2024年04月29日
    浏览(33)
  • ES文件浏览器 如何提取盒子已安装(内置)软件APK 教程

    ES文件浏览器( ES File Explorer)是一款功能强大免费的本地和网络文件管理器。 主要功能:文件管理:多种视图列表和排序方式,查看并打开各类文件,在本地SD卡、局域网、OTG设备之间任意传输文件。多选、复制、粘帖、剪贴板、查看属性、解压、重命名、置顶等; 之前看到很

    2024年02月02日
    浏览(33)
  • vue对于低版本浏览器兼容问题

    由于采用了vite3而不是vue-cli,所以以前的很多兼容方式都不能做。接下来就看一下vite是怎么做到低版本兼容的问题。 @vitejs/plugin-legacyds 官方唯一指定的兼容工具库,使用方式官网都有了 虽然有些确实是兼容了低版本,但是,有些工具库利用了些新的特性,页面还是报错。

    2024年02月12日
    浏览(34)
  • 面试:浏览器常见问题-优化与兼容

    前端开发浏览器优化方案有哪些? 以下是一些前端开发中常用的浏览器优化方案: 减少HTTP请求数量:将多个CSS和JavaScript文件合并为一个文件,使用CSS sprites来减少图片请求数量,使用字体图标替代小图标等,可以减少HTTP请求,加快页面加载速度。 压缩和合并文件:使用压

    2024年02月15日
    浏览(25)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包