How to disable JavaScript in Chrome Developer Tools?

Few times we want to see how a webpage looks without JavaScript, basically, at that time, we want to disable JavaScript from that page, in each browser, there is a different way to do so. In this article, we will disable JavaScript in Chrome developer tools.

Disabling JavaScript in Chrome Developer Tools: To disable the JavaScript, follow the order of the steps, for a better understanding, we have added screenshots of each step.

  • Press (Ctrl + Shift + I) in WindowsOS and (command+shift+I) in MacOS to open the Chrome Developer Tool to open the inspect element option.
  • After that, Press (Ctrl+Shift+P) in WindowsOS and (command+shift+P) in MacOS to open Command Menu.
  • Next, type JavaScript in the search, select Disable JavaScript then JavaScript will disabled.
  • The yellow warning icon next to Sources asure you that JavaScript is disabled.
  • JavaScript will remain disabled in this tab so long as you have Chrome Developer Tool open. After reloading the page, in Network of Chrome Developer Tool, the JavaScript will be disappeared.

If you want to see the page that how the page depends on JavaScript while loading.

  • (Ctrl+Shift+P) in WindowsOS and (command+shift+P) in MacOS again and select the Enable JavaScript command.

full-stack-img

My Personal Notes arrow_drop_up


If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.


Article Tags :

Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.