IE浏览器采坑记录与反思

作为前端开发者习惯使用谷歌浏览器作为首选网页查看工具,偶尔使用火狐,苹果的safiri(本人没有苹果电脑,pc版页面查看根本就没办法,但是听说苹果浏览器和谷歌内核一样的,兼容性应该还可以),ie......最坑(微软咋不想办法吧低版本的淘汰掉)

以下列出我遇到过的一些问题
1.ie对部分input类型支持有问题

例如: input type='color'
html5的新特性,ie全版本都不支持,edge浏览器支持但它不叫ie
解决办法:貌似没啥好的解决办法,人家不支持你能咋办,找一个颜色选择框控件jquery版的貌似不少,其他ui组件一般也会有

2.通过createElement创建的文件上传控件,如果不append到body里面会失效

最奇怪的是当你是win10系统的时候这个操作是没问题的,只有win7里面的ie才会出问题
解决办法:只能写一个实际存在于dom中的文件上传元素

3.type=file的change事件

这里只讲区别,貌似谷歌在设置这类input的value属性时并没有触发change事件,毕竟是js改变值,这是正常的,但是ie偏偏就触发了,测试的版本是ie11,其他版本未测

4.URLSearchParams不支持

好吧这个问题估计网上搜一下就知道了,
解决办法

import 'url-search-params-polyfill';

node项目添加这个玩意就行
非node项目,jsCompress打包编译一下转换一下

5.未完待续

你可能感兴趣的:(IE浏览器采坑记录与反思)