[Chrome & Debug] Create and debug with test snippets in Chrome

Background

Very often it would be convenient and time consuming to have a fast setup and runnable js snippet playground to quickly test for the logic or debug etc.

Solutions

1. Open chrome

2. Right click "inspect" or press F12 shortcut

3. Navigate to "Sources"

4. At the left hand side panel, click the double right arrow, click "New snippet"

5. A snippet panel pops and you can freely write the test code

6. Press "Ctrl + Enter" to execute