How can I use modules in the browser, but also refer to variables and functions from within DevTools?

by

One way to make a variable accessable within DevTools is to create it on the window object:

// Variable in your module
var importantNumber = 1;

window.importantNumber = importantNumber;

This method works fine if you just have a couple of variables, but if you need to have access to a lot more variables within DevTools, I would recommend you go to the sources-tab in DevTools, search for your module and adding a breakpoint. When the execution pauses, you have access to all the variables within that module on the DevTools console.

More Related Contents:

  1. Convert from one date format to another in javascript [duplicate]
  2. Cross-platform, cross-browser way to play sound from Javascript? [duplicate]
  3. Get the value of checked checkbox?
  4. Check if all values of array are equal
  5. How to detect escape key press with pure JS or jQuery?
  6. How to trigger jQuery change event in code
  7. Download image with JavaScript
  8. In JavaScript how do I/should I use async/await with XMLHttpRequest?
  9. adding css file with jquery
  10. Javascript: Converting String to Number?
  11. Partitioning in JavaScript [duplicate]
  12. Convert RGB to RGBA over white
  13. Getting value GET OR POST variable using JavaScript?
  14. Filter strings in Array based on content (filter search value)
  15. difference between offsetHeight and clientHeight
  16. Cross Domain Resource Sharing GET: ‘refused to get unsafe header “etag”‘ from Response
  17. Double exclamation points? [duplicate]
  18. How best to determine if an argument is not sent to the JavaScript function
  19. How to mock a constructor like new Date()
  20. Proper way to reset a GIF animation with display:none on Chrome
  21. Javascript Marquee to replace tags
  22. Align Marker on node edges D3 Force Layout
  23. Using local file as src
  24. Is document.write actually deprecated?
  25. Clear dropdown using jQuery Select2
  26. Passing JSON data from php to html-data attribute and then to Javascript
  27. Full height of a html element (div) including border, padding and margin?
  28. How to fire jQuery function only if form is valid
  29. Mongoose schema within schema
  30. Why does Fetch API Send the first PUT request as OPTIONS

Leave a Comment