avatarAnas shahwan

Summary

The web content provides a guide on how to run JavaScript code snippets directly in Google Chrome using the built-in Snippets feature within the Developer Tools.

Abstract

The article titled "Run Snippets of JavaScript code in Google Chrome" serves as a quick tutorial for developers who need to execute JavaScript code without the need for an external code editor. It explains how to access the Snippets panel in Chrome's Developer Tools, create new snippets, run them, and manage existing snippets by editing or deleting them. The guide emphasizes the convenience of using Chrome's Snippets feature for quick coding experiments and includes visual aids in the form of screenshots and animated GIFs to illustrate each step of the process. The author also extends a request for support through coffee donations or Medium subscription, offering full access to Medium stories as a benefit.

Opinions

  • The author suggests that using Chrome's Snippets feature is a practical solution for running JavaScript code quickly, especially when a dedicated code editor is not available.
  • The article implies that the Snippets feature is user-friendly and efficient for developers who wish to test or demonstrate JavaScript code snippets.
  • The inclusion of visual aids indicates the author's belief in the importance of clear, step-by-step instructions to facilitate understanding and usage of the Snippets feature.
  • By inviting readers to support the author through donations or a Medium subscription, the article conveys an appreciation for the audience's engagement and a desire to continue providing valuable content.

Run Snippets of JavaScript code in Google Chrome

if you don’t have any code editor installed or you want to try some code really quick, the chrome snippets is the solution.

Open the Snippets panel

  1. open up chrome in any site or page. and open the developer tools.

2. Click the Sources tab to open the Sources panel. The Page pane usually opens by default.

3. Click the Snippets tab to open the Snippets pane. You might need to click More Tabs.

Create Snippets

click on new snippet and give it a name.

Run Snippets

click on CMD+enter

or the play button

Delete or Edit Snippets

right click on the snippet. choose either rename or remove.

Conclusion

In this article, we learned how to create a javascript code snippets without any editor.

if you enjoy my articles, I would appreciate it if you could buy me a coffe . Or support me by subscribing to Medium only 5$ per month. the link is here . You’ll also get full access to every story on Medium.

Thanks for reading ❤❤️❤

Js
JavaScript
Chrome
Recommended from ReadMedium