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

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

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.

Solutions/Answers:

Solution 1:

  1. 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.

  2. Chrome also has a copy() method, so copy(temp1) in the console should copy that object to your clipboard.

Copy Javascript Object in Chrome DevTools

Note on Recursive Objects: If you’re trying to copy a recursive object, you will get [object Object]. This is to be expected.

Solution 2:

Try JSON.stringify(). Copy the resulting string.

Solution 3:

You can copy an object to your clip board using copy(JSON.stringify(Object_Name)); in the console.

Eg:- Copy & 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));

Solution 4:

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

enter image description here

Solution 5:

Follow the following steps:

  1. Output the object with console.log from your code, like so: console.log(myObject)
  2. 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”.
  3. In the console, type: JSON.stringify(temp1).
  4. At this point you will see the entire JSON object as a string that you can copy/paste.
  5. You can use online tools like http://www.jsoneditoronline.org/ to prettify your string at this point.

Solution 6:

If you’ve sent the object over a request you can copy it from the Chrome -> Network tab.

Request Payload – > View Source

enter image description here

enter image description here