当前位置:网站首页 > 安全测试 > 正文

浏览器兼容性面试题(浏览器兼容性测试用例及测试过程)



.addEventListener = function (type,listener,useCapture ) { };

//第一个参数 事件名称

//第二个参数 事件处理函数(监听者)

//第三个参数 true捕获 false冒泡

//IE9以后才支持

// 兼容旧环境

  1. IE8的数组对象没有forEach方法,晕。所以自行声明即可。
  2. . 数组的indexOf()方法在IE8中的兼容性问题
  3. ie8浏览器不支持endsWith,trim(),startsWith等方法,在使用中就会遇见兼容性问题
  4. array.filter(); 参考文件
  5. ie8 的数组没有map方法

三、dom标签表现形式

=========================================================================

  1. dom默认自定义样式
  2. dom定义样式
  3. video标签兼容

解决方法:在ie八浏览器下引入html5media.min.js 需要注意的是 把 三个文件放在同一文件夹下面. video 的width和height不要用百分比尽量用具体的像素(本人在ie8下面宽度用100%,html5media.min.js要报错)。

input标签:

四、其他

==================================================================

  1. DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档"

具体会影响:

对标记、attributes 、properties的约束规则

对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS 代码甚至 JavaScript 脚本的解析

  1. 设置浏览器渲染内核

IE=edge表示强制使用IE最新内核,chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame,那么就用Chrome内核来渲染。

  1. HTML5的新标签(nav/footer等)IE中这些标签可能无法正常显示

参考文章

  1. ie8不兼容SVG图形、Canvas,兼容方案:优雅降级。
  2. CSS3字体单位“rem”兼容方案:rem.js

CSS3引入了新的字体大小单位rem,与em的“相对于其父元素来设置字体大小”的功能不同,rem是相对于根元素的字体大小比率单位,成了目前主流的单位之一。IE9+开始支持,IE8就只能通过引入js库来支持了。

使用方法:在页面中引用rem.js文件。需要引用在页脚,也就是末尾,在所有css文件引用和DOM元素之后。

参考文章

  1. 使用jQuery2.0以下的版本推荐使用1.8.3
  2. js书写时注意分号的书写,chrome,firefox等高级浏览器会自动识别分号,ie在低版本情况下只会报错,如果没注意1,使用了jQuery2.x以上的版本,jQuery内部也会报分号而引起的错误
  3. ie注释

。。。后续持续更新

JavaScript

  • js的基本类型有哪些?引用类型有哪些?null和undefined的区别。
  • 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)
  • Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?
  • JS常见的dom操作api
  • 解释一下事件冒泡和事件捕获
  • 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?
  • 对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?
  • this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?
  • call,apply,bind
  • 显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链
  • 创建对象的多种方式
  • 实现继承的多种方式和优缺点
  • new 一个对象具体做了什么
  • 手写Ajax,XMLHttpRequest
  • 变量提升
  • 举例说明一个匿名函数的典型用例
  • 指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?
  • attribute和property的区别
  • document load和document DOMContentLoaded两个事件的区别
  • JS代码调试
  • 开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

到此这篇浏览器兼容性面试题(浏览器兼容性测试用例及测试过程)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 安全选项卡怎么获得权限的(安全选项卡怎么获得权限的呢)2025-12-14 07:45:09
  • 服务器压力测试网站(服务器压力测试网站是什么)2025-12-14 07:45:09
  • app sdk测试(sdk测试工具)2025-12-14 07:45:09
  • 安全选项怎么关(安全设置怎么关闭)2025-12-14 07:45:09
  • qq需要实名制(qq需要实名制吗安全吗)2025-12-14 07:45:09
  • ip44测试方法(ip44测试标准)2025-12-14 07:45:09
  • u盘拒绝访问该文件夹,使用安全选项卡(u盘拒绝访问该文件夹,使用安全选项卡打不开)2025-12-14 07:45:09
  • 在线测试ip地址(在线测试IP地址)2025-12-14 07:45:09
  • 列表的增删改查测试用例(增删改查用例图规范)2025-12-14 07:45:09
  • 浏览器兼容性测试案例怎么写(浏览器兼容性检测系统地址)2025-12-14 07:45:09
  • 全屏图片