Object Dump JavaScript

Question

Is there a 3rd party add-on application or some way to perform object map dumping in script debugger for a JavaScript object   Here is the situation     I have a method being called twice  and during each time something is different   I m not sure what is different  but something is   So  if I could dump all the properties of window  or at least window document  into a text editor  I could compare the state between the two calls with a simple file diff   Thoughts

User · Answer

console log  my object   o   myObj    Otherwise you ll end up with a string representation sometimes displaying    object Object    or some such

User · Answer

function mydump arr level        var dumped text           if  level  level   0       var level padding           for var j 0 j lt level 1 j    level padding                 if typeof arr      object               for var item in arr                var value   arr item                if typeof value      object                      dumped text    level padding         item          n                   dumped text    mydump value level 1                 else                   dumped text    level padding         item        gt        value       n                                 else            dumped text        gt   arr   lt       typeof arr                 return dumped text

User · Answer

In Chrome  click the 3 dots and click More tools and click developer  On the console  type console dir yourObject  Click this link to view an example image

User · Answer

Firebug   console log myObjectInstance

User · Answer

for better readability you can convert the object to a json string as below   console log obj  JSON stringify obj      https   developer mozilla org en-US docs Web JavaScript Reference Global Objects JSON stringify

User · Answer

If you re on Chrome  Firefox or IE10   why not extend the console and use   function         console dump   function object            if  window JSON  amp  amp  window JSON stringify              console log JSON stringify object            else             console log object                  for a concise  cross-browser solution

User · Answer

For Chrome Chromium  console log myObj    or it s equivalent  console debug myObj

User · Answer

Using console log object  will throw your object to the Javascript console  but that s not always what you want  Using JSON stringify object  will return most stuff to be stored in a variable  for example to send it to a textarea input and submit the content back to the server

User · Answer

Just use   console dir object     you will get a nice clickable object representation  Works in Chrome and Firefox

[javascript] Object Dump JavaScript

Examples related to javascript