ie9兼容问题部分填坑

ie9兼容问题部分填坑

最近在给公司的一个项目vue+ts重构，要兼容到ie9，遇到了一点小问题，记录下。

Html

1.html5标签尽量不要使用
2.a标签的下载可以使用，但赋值失败。ie会下载出文件原名称。
例如下载
当在chrome浏览器中，下载下来的文件为“我是插件.zip”，而在ie9中下载下来的为“download.zip”。

---

css

1.flex布局不兼容，使用float解决。
2.图片大小在chrome中可以直接使用height:,会自动缩放，ie9中还需要设置width，否则图片容易变形。
3.渐变色例如 background: linear-gradient(to bottom, #64C7FF, #085FBF );
ie9不兼容。
修改为：

FILTER: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#64C7FF', endColorstr='#085FBF');

4.transform：动画属性，ie9不支持。

---

js

1.日期控件出现 NAN。问题定位：ie无法解析“-”，使用正则replace(/-/g, ‘/’))改成“/”解决。
2.部分页面在ie9上加载失败
问题定位：ie9无法识别console 和 debugger 。删除后恢复正常。
3.监听窗口切换，ie9只能识别出最小化。
例如

document.addEventListener("visibilitychange", “触发函数”, false);

同时同时传给触发函数的参数无法识别。