Debugging

Setting a breakpoint

1. Open the developer console by pressing F12

2. Switch to the (Chrome: "Sources", Firefox: "Debugger") tab (click on the expander to the right if you're not seeing this tab)

Chrome:

Firefox:

3. Press Ctrl + P and search and open the desired file. Make sure that you're visiting a website where the script is active (e.g. if you want to set a breakpoint in store.js you should be on a store site instead of a community site)

Chrome:

Firefox:

4. Scroll to the desired line and click on it

Chrome:

Firefox:

5. Trigger the breakpoint (in most cases this consists just of reloading the page)

Retrieving variables

1. Open the developer console by pressing F12

2. Switch to the "Console" tab (click on the expander to the right if you're not seeing this tab)

Chrome:

Firefox:

3. Type in the desired variable and hit Enter

Inspecting the background page

Chrome

1. Open the extensions page via the address bar by visiting chrome://extensions

2. Enable the developer mode

3. Click on "background page"

Firefox

1. Visit about:debugging

2. Tick "Enable add-on debugging"

3. Click on "Debug"