To open the developer console window on Chrome, use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac). Alternatively, you can use the Chrome menu in the browser window, select the option “More Tools,” and then select “Developer Tools.”
Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel of Chrome DevTools. Or, navigate to More Tools > Developer Tools from Chrome menu, and click Console tab. The error console will open. If you don’t see any errors try reloading the page.
- From a Home screen, navigate: Apps icon > (Google) > Chrome . …
- Tap the Menu icon. …
- Tap Settings.
- From the Advanced section, tap Site settings.
Run a Snippet from the Sources panel
- Open the Snippets pane.
- Click the name of the Snippet that you want to run. The Snippet opens in the Code Editor.
- Click Run Snippet. , or press Control + Enter or Command + Enter (Mac).
- Select ‘Inspect Element’ from page, which highlights the line in the Elements tab.
- Right-click the line and select ‘Go to function definition’
- Correct script is loaded in the Scripts tab and it jumps to the function definition.
How do you troubleshoot a code?
5 Techniques for Troubleshooting Your Code
- Rubber Duck Debugging. The first thing to try when you get stuck on a coding problem is talk yourself through the problem again. …
- Simplify the Problem. Breaking a problem down into smaller solvable parts can help sometimes. …
- Check the Internet. …
- Ask a Friend. …
- Take a Break.
- Cross Browser Testing Tools. …
- Karma + Jasmine + Google Chrome. …
- CodePen. …
- JSBin. …