How to disable JavaScript in Chrome Developer Tools?

Disabling JavaScript in Chrome Developer Tools can be very helpful when you want to test how a website functions without scripts or debug issues caused by JavaScript. Sometimes, developers need to check how pages load with limited functionality or ensure that important content is accessible even without JavaScript. Fortunately, Chrome makes this process simple through its built-in DevTools.

Here’s how you can do it step by step:

Open Chrome Developer Tools

 Press F12 or Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac) to open the DevTools panel.

Go to the Command Menu

 Press Ctrl + Shift + P (Windows/Linux) or Cmd + Shift + P (Mac). This opens a search bar at the top inside DevTools.

Search for "JavaScript"

 In the search box, type "Disable JavaScript".

Select the option

 Click on "Disable JavaScript" from the list. Once selected, JavaScript will be turned off for the current tab.

Test your website

 Refresh the page (F5 or Ctrl + R), and you’ll see how the website behaves without JavaScript.

Enable it again

 To re-enable, follow the same steps and choose "Enable JavaScript".

 This feature is useful for:

• Checking site performance without scripts.
  
• Debugging issues caused by JavaScript errors.
  
• Testing how accessible your content is without dynamic elements.
  

In short, Chrome DevTools provides a quick way to toggle JavaScript without changing browser-wide settings. It’s a must-know trick for developers and testers.