对于一个IE8兼容性问题的反思

近期做了一个需求，功能非常easy，把用户的优惠券数量读取出来，然后显示到“用户中心”上。开发完毕后。别的浏览器正常。可是到IE8上就不行了。并且，按下F12之后，就又能够载入出来了。

首先，找了前端人员，看了看，没有找到原因，她怀疑是脚本冲突，只是忙了半天，还是没有搞定。

其次，换浏览器，来回折腾。

最后，思考了一下，在加这个功能之前，数据也是那样子读取的，用ajax请求后台数据，然后写入到页面的指定标签中，那么为何自己加了一个类似的数据就不行了呢？于是，alert了前后的參数。最后发现，在迭代的那一步。alert失效了。可是在console.log()代码之前，是能够的，会不会是这个函数的影响呢？果不其然，去掉console.log()之后。恢复了正常！

代码例如以下：

          $(document).ready(function(){$.ajax({ url: "/ucenter/getAccountByUserId.action", type: "POST",success : function(data) {var json = eval('(' + data + ')');$.each(json, function (key, value) {if(data != "" && data != null){$("#em_account").html("¥" + (value.account).toFixed(2));$("#em_backCount").html("¥" + (value.backCount).toFixed(2));$("#em_freezeBackCount").html("¥" + (value.freezeBackCount).toFixed(2));$("#em_freezeAccount").html("¥" + (value.freezeAccount).toFixed(2));// 设置优惠券数量var couponStr = "";// IE8 不支持！ console.log("[debug]couponCount : " + value.couponCount);if(value.couponCount > 0){couponStr = "<a href='/ucenter/queryCoupon.action' style='color:#DD4F11'>"+value.couponCount+"</a>";}else{couponStr = value.couponCount;}$("#em_couponCount").html(couponStr);}});}});});

感悟：碰到异常，要理清思路之后。再去採取行动。既然曾经的几个数据。都是用相同的方式读取的，那为何自己加了一个就不行了呢？除了加了类似的代码，还加了什么代码呢？不就是console.log()吗？非常好定位的一个思维方式，却折腾了那么久，太不应该了。

注：IE8/IE9要先按F12开启IE Dev Tools才干存取console物件。
假设使用环境包括IE8/9，请养成良好习惯。用if (window.console) { ... }包住console.log()动作，切忌把IE8/9想成Chrome/Firefox。以为永远有window.console可用。

转载于:https://www.cnblogs.com/yutingliuyl/p/7283843.html

对于一个IE8兼容性问题的反思相关推荐

react 项目的一个ie8兼容性问题
react 项目的一个ie8兼容性问题 2016/05/30 ie8React前端开发相信现在很多人在使用react+webpack做项目,然后通过babel来解决ES6/7的兼容性问题,对于ie ...
记 QT 应用开发中的一个二进制兼容性问题
笔者在参与开发一个集成了 QT 的跨平台桌面应用程序,目标平台是 Windows 和 Mac.一段时间以来,运行 Windows 平台的应用程序时,不断地被类似于如下这样的崩溃问题所折磨. 这里提示说 ...
Ie8兼容性问题web.config设置
第一种办法,是在单个的页面中,添加兼容性标记,示例代码如下: < html > < head > <!-- Mimic I ...
ie8兼容性视图灰色修复_IE8兼容性视图怎么关闭 IE8兼容性视图设置关闭方法
IE8浏览器是使用用户最多的微软IE浏览器,是IE6与IE7的升级版本.由于IE8浏览器对网站的规范度要求提高了,导致打开某些网站可能会变形,所以IE8浏览器新增了兼容性视图这个功能,开启兼容性视图浏 ...
ie8兼容性问题(五) event对象、e.target和e.preventDefault
event对象在chrome.firefox等浏览器中,event对象可从事件函数的参数中传入.ie8中须从window对象中获取 $("#btn").click(functio ...
IE8兼容性问题的解决方案
前几天,面试到Ie8的一些兼容问题,傻眼了,回想自己做了将近2年的移动端项目,ie兼容似乎没怎么做过.所以私下便开始找找ie兼容的视频或者文章学习,唉,还是不买书了,家里那么多书,都没看过呢,好了,开 ...
ie8不兼容java项目_常见IE8兼容性问题及解决
1.css3媒体查询 IE8不支持媒体查询解决:respond.js,在页面中所有css文件的引用位置之后引用Respond.js 2.HTML5新标签 IE8不支持H5新标签解决:html5sh ...
miniUI mini-monthpicker ie8兼容性问题
mini-monthpicker在ie8下,Integer.parseInt(nd)是一个4位整数,nd1设置了value,nd2没有设置value,nd1的控件无法弹出,nd2的控件正常 <s ...
IE8兼容性问题及解决方案
前言最近在做一个项目,要求是兼容IE8,还要兼容1280屏幕分辨率,写页面其实还好,就是这个IE8贼恶心,用到的很多css属性IE8都不兼容,想要的效果也呈现不出来.先来说一说我遇到的IE8不支持的 ...

对于一个IE8兼容性问题的反思

对于一个IE8兼容性问题的反思相关推荐

最新文章

热门文章