Write JavaScript in Chrome developer tools

Question

In Firebug, I can type my own JavaScript in the console tab and execute it. Is there a way to type JavaScript in Chrome Developer Tools and execute it?

Answer 1

1. Go to chrome://flags/, enable the "Enable Developer Tools experiments" flag and restart Chrome (or start it with the --enable-devtools-experiments command-line flag.)
2. Open DevTools, go to the Settings dialog, switch to the Experiments tab.
3. Enable the "Snippets support" experiment, close and reopen DevTools.
4. Go to the Sources panel. In the left-hand navigator sidebar, switch to the Snippets tab .
5. Right-click in the [empty] tree in this tab, select the New context menu item.
6. Give the new snippet any name you like and type the snippet body.
7. Once done, click the Run (>) button in the status bar to execute the snippet body. You can set breakpoints in snippets and debug them as ordinary scripts.

Answer 2

Step 1: Open Google chrome Dev tool [ Press f12 ]

Step 2: Click on Sources tab

Step 3: On left side panel, Click on Snippets tab (may be hidden, if so click >> and it will appear)

Step 4: To create new snippet click + New snippet or right-click within the Navigator, and then select New

Step 5: Develop your code into middle pane and save it.

Step 6: To run Snippet, there are three ways

       A: Ctrl + Enter         B: Click on Run button [ Into Right-side panel, Top-Left button ]         C: Right-click on the snippet filename (in the pane on the left that lists           all your snippets) and select Run.