How can I debug javascript contained in $(document).ready()?
breakpoints, debugging, google-chrome, javascript, jquery
Solution
Use developer tools. If you're using chrome, hit F12, go to sources, find the file your javascript is in, find your code, set a breakpoint (by clicking to the left of the line you want the breakpoint on), and hit F10 to execute line by line. You can just hover over the variable names and it'll give you the current values.
Problem
I'm trying to debug some js in the browser (Chrome specifically). How can I check what value is set for some_data and new_data? I realized due to variable scope being confined to functions, `some_data` and `new_data` don't exist after the document ready() was executed. ``` $(document).ready(function(){ var some_data = [4, 8, 15, 16, 23, 42]; var new_data = some_data * 2; }); ```