网页使用ie或者360打开时按F12出现程序停止运行异常的原因以及解决方案


一开始我也是懵逼的,下面是我在网上找到的解释,虽然没给出完美的解决方案,但是却提示我自己找到了相对完美的解决方案:

问题集中在 CSS3 的 keyframes 关键字和 IFrame 一起使用时出现。
IFrame中的这个CSS文件和父页面中的CSS文件URL相同导致的(而不是URL长度的问题)!
后来发现,这个问题不用 iframe 也能重现,只要满足两个条件,立马崩溃:
1.页面加载同一个CSS文件两次
2.CSS文件中包含 @keyframes 的定义
绕行有几个简单的办法:
CSS文件中不要包含 @keyframes 关键字(这个不可能,特别是希望IE11下支持CSS3动画效果的)
不要在页面中引用同一个CSS文件两次(正确情况下没人会引用两次,而IFrame中就不可避免了!)
主页面和IFrame中引用同一个CSS文件,给CSS文件加个随机后缀(影响浏览器缓存,正式环境不建议用)
好吧,如果你真正需要 @keyframes 和 iframe 两个元素时,还真没办法避免这个问题。


【解决方案】:

把父级页面跟iframe页面相同的css文件备份一份,然后给备份的重新命名,使用父级页面引用我们备份的css文件就行了。

例如我下面我就备份了几个相同的css文件,然后让父级页面引用我复制的css就行了



上面的解决方案很多人或许觉得笨或者浪费资源,其实不是,下面我来解决原因:


①:其实资源浪费问题不存在,因为我们的父级页面和iframe页面相同的的样式文件一般也就那么几个,算起来一般也就几十k,

②:父级页面跟iframe是两个独立的页面,父级页面只是在你访问这个网站时第一次会加载,后面的打开其它都是iframe页面了,所以加载量也是一样的,只是占用你几十k的硬盘而已,这个还要计较?

  bb了这么多废话,就是想告诉大家,尽管复制然后重命名,问题解决,也没啥大影响,也不会影响性能!

发布了74 篇原创文章 · 获赞 125 · 访问量 48万+

猜你喜欢

转载自blog.csdn.net/df981011512/article/details/78358694
今日推荐