摘要：每次面试时常被问到兼容问题的解决，有时自己遇到过的问题竟然也忘记了是怎么解决的，索性今天把它们记录下来。的实现原理是在检测到事件的时候，会通过自定义事件立即出发模拟一个事件，并把浏览器在之后的事件阻止掉。
每次面试时常被问到兼容问题的解决，有时自己遇到过的问题竟然也忘记了是怎么解决的，索性今天把它们记录下来。
1、chrome浏览器下不支持字体小于12像素通过transform:scale(0.8)这个css3属性来解决
2、一些移动端设备不支持vedio和audio的自动播放解决方法是先通过用户 touchstart 触碰，触发播放并暂停（音频开始加载，后面用 JS 再操作就没问题了）
以下是代码：
document.addEventListener("touchstart",function() {
document.getElementsByTagName("audio")[0].play();
document.getElementsByTagName("audio")[0].pause();
});
3、ios系统下单击事件有300ms的延时
出现这个问题，是由于ios系统下有一个默认的双击放大页面(double tap to zoom)的方案，因此在检测到第一个用户tap事件后，会hold一段时间，若在此时间内又检测到新的tap，则判断为双击事件，反之则判断为单击事件，而这个延迟的时间就是300ms左右。
解决方案：FastClick 是 FT Labs 专门为解决移动端浏览器 300 毫秒点击延迟问题所开发的一个轻量级的库。FastClick的实现原理是在检测到touchend事件的时候，会通过DOM自定义事件立即出发模拟一个click事件，并把浏览器在300ms之后的click事件阻止掉。
4、低版本浏览器不支持getElementByClassName解决方法是重写一个getByClass()函数：
function getByClass(obj,sClass){
var aResult = [];
if(obj.getElementsByClassName){
aResult = obj.getElementsByClassName(sClass);
}else{
var aEle = obj.getElementsByTagName("*");
for(var i=0;i
5、原生ajax中低版本ie不支持xmlhttprequest对象
解决方法是做一个判断，如果有xmlhttprequest方法，则调用，若没有，则改用ie浏览器的ActiveXobject方法：
if(window.XMLHttpRequest){
var oAjax=window.XMLHttpRequest
}else{
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
以上就是我能想到的，以后若有新问题，我会继续更新，感谢关注。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/81434.html
摘要：本文里提到的所有都是基于版本的，这使得我又一次被鄙视了使用的程序猿鄙视使用的程序猿。因此这些事物码本身也是可以通过进行增强的。 在Google上根据关键字程序员鄙视链搜索，会得到68多万条结果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲琅满目的搜索结果里是众多不同维度划分的鄙视链。 其中有一个维度，...
摘要：本文里提到的所有都是基于版本的，这使得我又一次被鄙视了使用的程序猿鄙视使用的程序猿。因此这些事物码本身也是可以通过进行增强的。 在Google上根据关键字程序员鄙视链搜索，会得到68多万条结果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲琅满目的搜索结果里是众多不同维度划分的鄙视链。 其中有一个维度，...
摘要：本文里提到的所有都是基于版本的，这使得我又一次被鄙视了使用的程序猿鄙视使用的程序猿。因此这些事物码本身也是可以通过进行增强的。 在Google上根据关键字程序员鄙视链搜索，会得到68多万条结果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲琅满目的搜索结果里是众多不同维度划分的鄙视链。 其中有一个维度，...
摘要：本文里提到的所有都是基于版本的，这使得我又一次被鄙视了使用的程序猿鄙视使用的程序猿。因此这些事物码本身也是可以通过进行增强的。 在Google上根据关键字程序员鄙视链搜索，会得到68多万条结果。 showImg(https://segmentfault.com/img/remote/1460000014000687); 玲琅满目的搜索结果里是众多不同维度划分的鄙视链。 其中有一个维度，...
阅读 3584·2023-04-26 01:43
阅读 2970·2021-10-14 09:42
阅读 5403·2021-09-30 09:59
阅读 2171·2021-09-04 16:40
阅读 1207·2019-08-30 15:52
阅读 821·2019-08-29 17:09
阅读 1992·2019-08-26 13:37
阅读 3431·2019-08-26 10:20
