1 火狐控制台提示报错信息为:TypeError: 'toJSON' called on an object that does not implement interface PerformanceNavigation.
火狐版本为:43.0.3
具体的报错信息如下:
TypeError: 'toJSON' called on an object that does not implement interface PerformanceNavigation.
.param/e()
jquery.min.js:4
ca()
jquery.min.js:2
ca()
jquery.min.js:2
ca()
jquery.min.js:2
.param()
jquery.min.js:4
.ajax()
jquery.min.js:4
f[c]()
jquery.min.js:4
.getJSON()
jquery.min.js:4
e.sendPerformanceTime()
xxxxxxxx.min.js:44
一般这样的情况可以忽略jQuery 本身的报错行,先找其它文件的报错行,最底下的,44行,点进去看看,
$.getJSON("XXXXX?callback=?", data);
进一步跟进后发现,是调用$.getJSON 时报错了,进一步锁定问题出在,data 上,查看data 的值完全发现符合 js 对象,表面上看不出什么来,只能进一步跟进,
由于线上是压缩版jquery 所以先用 fiddler 指向本地未压缩版 (PS:本次用jQuery的版本是1.11.2,),fiddler 操作不再详述,
对 $.getJSON 的跟进问题锁定在 $.param 方法,
对$.param 方法跟进发现问题锁定在,param 方法中的,add 方法上
jQuery 1.11.2 9501 行
value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
可以看到,param 方法对对象方法的处理是这样的,直接执行,这样处理,一般情况下不会出什么问题,一般情况是没事,遇到特殊情况那就报错了,
首先查看本次报错的data 对象,调试发现一个一直忽略的问题,那就是,对象的【继承属性和方法】,由于,object 对象是引用类型,所以 本次,data 对象 中引用了 performance.navigation对象
(截图丢失)自行调试
可以看到,navigation对象拥有 toJSON方法
(截图丢失)自行调试
当调用$.param 时, 对对象属性的遍历处理,
add = function( key, value ) { // If value is a function, invoke it and return its value value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value ); s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value ); };
(截图丢失)自行调试
进一步执行
(截图丢失)自行调试
报错了,就是执行,toJSON时报错了,
解决方案,
1 发送数据,过滤掉不必要继承属性,
2 “删掉” 该对象的 toJSON 属性,需要注意的是,此属性是继承属性,直接 delete 该对象属性是不行的, 可以给它赋值为null ,
结语:明明很正常的东西,结果不正常,一定是有忽略的地方,