I'm encountering an issue when attempting to utilize JSON.stringify with the "replacer" function.
var scriptTag = document.createElement('script');
scriptTag.type = 'text/javascript';
scriptTag.src = 'https://wicked-good-xpath.googlecode.com/files/wgxpath.install.js';
document.body.appendChild(scriptTag);
function censor(censor) {
var i = 0;
return function(key, value) {
console.log(i,typeof(censor),'=====',typeof(value), value);
if(i !== 0 && /*typeof(censor) === 'object' && typeof(value) == 'object' && */ censor == value)
return null;
console.log(i,typeof(censor),'=====',typeof(value), value);
if(i >= 29) // seems to be a harded maximum of 30 serialized objects?
return null;
console.log(i,typeof(censor),'=====',typeof(value), value);
++i; // so we know we aren't using the original object anymore
return value;
};
}
XPathResult = document.evaluate('**<SOME XPATH HERE>**', document, null, XPathResult.ANY_TYPE, null);
var actualNode = XPathResult.iterateNext();
var result = [];
while (actualNode) {
result.push(jQuery.makeArray(actualNode));
actualNode = XPathResult.iterateNext();
}
console.log(result);
console.log("Result: ", JSON.stringify(result, censor(result)));
or pastebin
The challenge arises in DevTools and Firebug where the 'JSON.stringify(result, censor(result)));' output differs -
Chrome output:
console output of **30** objects
Result: [[{"width":"","vAlign":"","scope":"col","rowSpan":1,"noWrap":false,"height":"","headers":"","colSpan":1,"chOff":"","ch":"","bgColor":"","axis":"","align":"","abbr":"","cellIndex":4,"spellcheck":true,"isContentEditable":false,"contentEditable":"inherit","children":{"length":0},"outerText":"PUBLICATION DATE","outerHTML":"<th scope=\"col\" class=\"sortDesc byPublicationDate\" style=\"cursor: pointer;\">PUBLICATION DATE</th>","innerText":"PUBLICATION DATE","innerHTML":"PUBLICATION DATE","accessKey":"","hidden":false,"webkitdropzone":null,"draggable":null,"tabIndex":null,"dir":null,"translate":null,"lang":null,"title":null,"id":null,"webkitShadowRoot":null,"webkitPseudo":null,"childElementCount":null,"nextElementSibling":null,"previousElementSibling":null,"lastElementChild":null,"firstElementChild":null,"dataset":null,"classList":null,"className":null,"scrollHeight":null,"scrollWidth":null,"scrollTop":null,"scrollLeft":null,"clientHeight":null,"clientWidth":null,"clientTop":null,"clientLeft":null,"offsetParent":null,"offsetHeight":null,"offsetWidth":null,"offsetTop":null,"offsetLeft":null,"style":null,"tagName":null,"parentElement":null,"textContent":null,"baseURI":null,"localName":null,"prefix":null,"namespaceURI":null,"ownerDocument":null,"attributes":null,"nextSibling":null,"previousSibling":null,"lastChild":null,"firstChild":null,"childNodes":null,"parentNode":null,"nodeType":null,"nodeValue":null,"nodeName":null,"jQuery17109208346924278885":null}]]
and FF output:
*console output of **3** objects
Result:
[[{"jQuery171005647180282625541":13}]]*
Could someone clarify why there is a discrepancy between these browsers and suggest modifications to achieve consistency across them? By the way, 'result' remains consistent in both browsers.
P.S. I referred to that question for creating censor()