Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Is there a way to create and run javascript in Chrome?

Tags:

javascript

google-chrome

Is there a way, like an extension or application, in Chrome to create and run .js files in Chrome?

like image 483
chaohuang Avatar asked Mar 16 '12 04:03

chaohuang

People also ask

How do I edit and run JavaScript in Chrome?

Editing JavaScript code in real-time is possible in Chrome and Chromium based browsers. After loading a web page completely, press the F12 key to open the developer tools, then open the 'Sources' tab. Now open any Javascript file loaded on the browser and you can directly edit it by clicking anywhere in that file.

How do I run a script in Chrome?

Press F12 to open the chrome developer tool and then click on the console tab. Logging in Script Area example: try writing console. log('Your message') and click Execute button or alternative you can use the log method directly like log('My Message'). Try executing this script on any page.

How do I run JavaScript on its own?

To execute JavaScript in a browser you have two options — either put it inside a script element anywhere inside an HTML document, or put it inside an external JavaScript file (with a . js extension) and then reference that file inside the HTML document using an empty script element with a src attribute.

1 Answers

if you don't want to explicitly create a js file but still want to test your javascript code, you can use snippets to run your JS code.

Follow the steps here:

  1. Open Dev Tools
  2. Go to Sources Tab
  3. Under Sources tab go to snippets, + New snippet
  4. Paste your JS code in the editor then run Command + Enter on a Mac, or Ctrl + Enter on Windows or Linux. You should see the output in console if you are using console.log or similar to test. You can edit the current web page that you have open or run scripts, load more javascript files. (Just note: this snippets are not stored on as a js file, unless you explicitly did, on your computer so if you remove chrome you will lose all your snippets);
  5. You also have a option to save as your snippet if you right click on your snippet.

code javascript using snippets in dev tools

like image 148
РАВИ Avatar answered Sep 23 '22 21:09

РАВИ
Sign in to Comment

Related questions

eslint throws `no-undef` errors when linting Jest test files
Redeclaring a javascript variable
How Do I Replace/Change The Heading Text Inside <h3></h3>, Using jquery?
Is NaN equal to NaN?
how to check app running in foreground or background in ionic/cordova/phonegap
POST Request with Fetch API?
How to minify ES6 functions with gulp-uglify?
Vue JS Watching deep nested object
button onclick function firing twice
Change onClick attribute with javascript
Atom Electron - Close the window with javascript
How to define a temporary variable in Vue.js template
How to change React-Hook-Form defaultValue with useEffect()?
Javascript convert HSB/HSV color to RGB accurately
How to test a function that output is random using Jest?
How can I use JSON data to populate the options of a select box?
What's the best way to automatically redirect someone to another webpage?
How to make a setInterval stop after some time or after a number of actions?
Getting width & height of an image with filereader
How to check jQuery plugin and functions exists?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!