You may be wondering how a site looks with or without JavaScript. On Chrome, JavaScript is enabled by default, but you can disable it fairly quickly to see what a site looks like without all the moving parts.
Why Should I Enable Or Disable Javascript?
Modern websites have a lot of moving parts. Almost every online magazine and blog run ads to support the site’s staff. With JavaScript enabled, you’re able to see these ads (and support the site as a result). Most websites require JavaScript to be enabled for all its bells and whistles to work properly, too. For example, if you disable JavaScript in your browser, you can say goodbye to automatic timeline updates on Twitter. With JavaScript enabled, you’re able to take advantage of most features that make websites around the web great.
There may come a time, though, when you want to block ads on certain sites or see how a website looks without JavaScript enabled. In Google Chrome, you can disable JavaScript completely, or on a per-site basis. If you have a change of heart, later on, it’s easy to re-enable JavaScript.
Disable And Enable Javascript In Google Chrome Settings
The easiest way to access the JavaScript options menu on Google Chrome is by entering this URL in the address bar in Chrome. Alternatively, you can follow the following series of steps to reach the Javascript option on the settings page.
Step 1: Select the three vertical dots icon in the top-right corner of the browser window.
Step 2:Towards the bottom of the drop-down menu that appears, select Settings.
Step 3: Find the Privacy and Security section and select Site Settings.
Step 4: Finally, click JavaScript in the Permissions group.
Step 5: By default, JavaScript is enabled. To disable JavaScript, move the slider to the left (by clicking it) next to the Allowed option. Enable JavaScript again by moving the slider back to the right.
Enable Or Disable Javascript On Specific Sites
As previously mentioned, you can also enable or disable JavaScript for specific sites. To do this, follow the following steps.
Step 1: Navigate back to the JavaScript settings menu in Chrome by going to this URL
Step 2: You’ll see a Block and Allow section. Select Add next to Block (1) or Allow (2), depending on if you want to disable or enable JavaScript on a site, respectively.
Step 3:The Add A Site window will now appear. Enter the site URL, then select the Add button.
Step 4: The site will now appear in your Block or Allow list, meaning that next time you visit that site, JavaScript will be disabled or enabled, respectively.
Disable JavaScript with Chrome DevTools for Testing
If JavaScript is enabled on Chrome and you’re wanting to see what a specific site looks like without going through the settings menu, you can disable JavaScript from Chrome’s DevTools while you’re on that site. This should only be used for testing purposes, though, as JavaScript will be re-enabled on the site once you close DevTools.
Step 1: While you’re on the site, Open DevTools. You can do this by right-clicking anywhere on the site and selecting Inspect.
Step 2: Alternatively, you can use the Control+Shift+3 (Windows) or Command+Option+3 (Mac) keyboard shortcut.
Step 3: Once you’re in DevTools, open the Command menu by pressing Control+Shift+P (Windows) or Command+Shift+P (Mac).
Step 4: In the search bar of the Command menu, type JavaScript, select Disable JavaScript, and then press the Enter key to run the disable JavaScript command.
Step 5: JavaScript is now disabled for this site. You can hover over the yellow warning icon next to the Sources tab to verify JavaScript is disabled.
