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

by

  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]. The way out is to try 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.

If you get the Uncaught TypeError: Converting circular structure to JSON message, you can use JSON.stringify‘s second argument (which is a filter function) to filter out the offending circular properties. See this Stack Overflow answer for more details.

More Related Contents:

  1. Weird behavior with objects & console.log [duplicate]
  2. Get the real width and height of an image with JavaScript? (in Safari/Chrome)
  3. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  4. Video auto play is not working in Safari and Chrome desktop browser
  5. JavaScript: Is there a way to get Chrome to break on all errors?
  6. Firing a keyboard event on Chrome
  7. Open Safari / Google Chrome developer tools programmatically from JavaScript
  8. webkit-transform overwrites z-index ordering in Chrome 13
  9. Synchronous console logging in Chrome
  10. “Unsafe JavaScript attempt to access frame with URL…” error being continuously generated in Chrome webkit inspector
  11. How to wait until an element exists?
  12. Iterate through object properties
  13. How to use jQuery in chrome extension?
  14. Chrome Extension: Make it run every page load
  15. Chrome Autofill/Autocomplete no value for password
  16. Which way is best for creating an object in JavaScript? Is `var` necessary before an object property?
  17. Uncaught TypeError: Object.values is not a function JavaScript
  18. Set undefined javascript property before read
  19. How to clone or re-dispatch DOM events?
  20. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  21. window.open behaviour in chrome tabs/windows
  22. Resource interpreted as Script but transferred with MIME type text/plain – for local file
  23. Chrome Speech Synthesis with longer texts
  24. Get the property of the difference between two objects in javascript
  25. Re-enabling window.alert in Chrome
  26. JavaScript object literal length === undefined?
  27. iframe not reading cookies in Chrome
  28. Keycode is always zero in Chrome for Android
  29. Disable chrome react DevTools for production
  30. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?

Leave a Comment