Ryan Boudreaux shows you how the Scripts panel works in the Google Chrome Dev Tools set.
With the Salvation Army website open in Google Chrome, right-click anywhere on the page and select Inspect Element.Select the Scripts tab to make that the active panel; by default, the application.js file opens as displayed in Figure B.
Click to enlarge.There are several items to note on navigating through the Scripts Panel, and they are listed here and highlighted in Figure C below.
- Backwards and forwards history buttons
- Drop-down list of scripts
- Pause, resume, and step through code controls
- Pause on exceptions toggle includes options:
- Don't pause on exceptions
- Pause on all exceptions
- Pause on uncaught exceptions
The list of keyboard shortcuts available in the Scripts panel includes:
- Continue: F8 or Command-/ (forward slash) on Mac or Control-/ (forward slash) on other platforms.
- Step over: F10 or Command-' (apostrophe) on Mac or Control-' (apostrophe) on other platforms.
- Step into: F11 or Command-; (semi-colon) on Mac or Control-; (semi-colon); on other platforms.
- Step out: Shift-F11 or Shift-Command-; (semi-colon) on Mac or Shift-Control-; (semi-colon) on other platforms.
- Next call frame: Control-. (period) on all platforms.
- Previous call frame: Control-, (comma) on all platforms.