這幾天在修改一個(gè)令我至少在這幾年中有陰影的項(xiàng)目中遇到了令人發(fā)指的ie瀏覽器適配問題。在這里我不禁想噴一下國產(chǎn)瀏覽器，能不能用Chrome、火狐瀏覽器內(nèi)核，為什么非得死死的咬著ie不放？！無論從性能、打開頁面時(shí)間還是對(duì)新的框架的支持，都遠(yuǎn)遠(yuǎn)不及上述兩種瀏覽器。簡(jiǎn)直頭疼!

• 對(duì)于這次遇到的問題做一下總結(jié)：
  • 首先ie不支持jq2.x及以上版本，故在適配ie是可以采用注釋判斷法（友情鏈接：條件注釋判斷）

<!-- 除IE外都支持 -->
<!--[if !IE]>
 <!--> <script src="js/jquery-3.2.1.min.js"></script> 
<!--<![endif]-->
<!-- 只支持IE -->
<!--[if IE]> 
 <script src="js/jquery-1.11.3.min.js"></script>
<![endif]--> 

• ie10以下不支持jquery.cookie.js（設(shè)置cookie的js插件）
• ie暫時(shí)不支持for循環(huán)中of用法，以及let關(guān)鍵詞
• ie暫不支持字符模板：``

for (let i in data.data) {
                $('.subNavBox').prepend(`<div class="subNav"><i class="glyphicon glyphicon-chevron-down"></i>&nbsp;&nbsp;&nbsp;${data.data[i].courseGroup.name}</div><ul class="navContent ul-${i}"></ul> `)
                // let a = i
                // 不支持of用法，不支持let關(guān)鍵詞
                for (let y of data.data[i].ordinaryCourse) {
                    // console.log(i)
                    // 不支持字符模板
                    $('.subNavBox').find(`.ul-${i}`).append(`<li><a href="/course?id=${y.course.id}">${y.course.name}</a></li>`)
                }
                for (let x of data.data[i].keyCourses) {
                    // console.log(i)
                    $('.subNavBox').find(`.ul-${i}`).append(`<li><a href="/course?id=${x.course.id}">${x.course.name}</a></li>`)
                }
            }

最后在ajax處理picture時(shí)，請(qǐng)做判斷，不然會(huì)報(bào)錯(cuò)。