Javascript Chrome - How to copy an object from the webkit inspector as code

Question

I am doing a console log statement in my javascript in order to log a javascript object  I m wondering if there s a way  once that s done - to copy that object as javascript code  What I m trying to do is convert an object that was created using ajax to parse an xml feed into a static javascript object so that a file can run locally  without a server  I ve included a screenshot of the object in the chrome inspector window so you can see what I m trying to do

User · Answer

You can now accomplish this in Chrome by right clicking on the object and selecting  Store as Global Variable   http   www youtube com watch v qALFiTlVWdg

User · Answer

So   I had this issue   except I got  object object   I m sure you could do this with recursion but this worked for me   Here is what I did in my console   var object that is not shallow      all obects with this class name    var str       object that is not shallow map function   e       str      e  html        copy str     Then paste into your editor

User · Answer

Try JSON stringify    Copy the resulting string  Does not work with objects containing circular references

User · Answer

This should help stringify deep objects by leaving out recursive Window and Node objects    function stringifyObject e      const obj         for  let k in e        obj k    e k          return JSON stringify obj   k  v    gt        if  v instanceof Node  return  Node       if  v instanceof Window  return  Window       return v

User · Answer

Right click on data which you want to store   Firstly  Right click on data which you want to store -  select  Store as global variable  And the new temp variable appear like bellow   temp3 variable   New temp variable appear in console Second use command copy temp variable name  like picture  enter image description here After that  you can paste data to anywhere you want  hope useful

User · Answer

If you ve sent the object over a request you can copy it from the Chrome -  Network tab    Request Payload -   View Source

User · Answer

Add this to your console and execute  copy JSON stringify foo      This copies your JSON to clipboard

User · Answer

Right-click an object in Chrome s console and select Store as Global Variable from the context menu  It will return something like temp1 as the variable name  Chrome also has a copy   method  so copy temp1  in the console should copy that object to your clipboard      Note on Recursive Objects  If you re trying to copy a recursive object  you will get  object Object   The way out is to copy JSON stringify temp1     the object will be fully copied to your clipboard as a valid JSON  so you d be able to format it as you wish  using one of many resources

User · Answer

Follow the following steps     Output the object with console log from your code  like so  console log myObject  Right click on the object and click  Store as Global Object   Chrome would print the name of the variable at this point  Let s assume it s called  temp1   In the console  type  JSON stringify temp1   At this point you will see the entire JSON object as a string that you can copy paste  You can use online tools like http   www jsoneditoronline org  to prettify your string at this point

User · Answer

Using  Store as a Global Variable  works  but it only gets the final instance of the object  and not the moment the object is being logged  since you re likely wanting to compare changes to the object as they happen    To get the object at its exact point in time of being modified  I use this     function logObject object        console info JSON stringify object  replace    g     n         Call it like so     logObject puzzle     You may want to remove the  replace    g     n   regex if your data happens to have comma s in it

User · Answer

You can copy an object to your clip board using copy JSON stringify Object Name    in the console   Eg - Copy  amp  Paste the below code in your console and press ENTER  Now  try to paste CTRL V for Windows or CMD V for mac  it some where else and you will get    name   Daniel   age  25   var profile         name   Daniel       age  25     copy JSON stringify profile

[javascript] Javascript / Chrome - How to copy an object from the webkit inspector as code

Examples related to javascript

Examples related to google-chrome

Examples related to object

Examples related to webkit