How to disable javascript in chrome developer tools

In Google Chrome Developer Tools, disabling JavaScript execution can be done through the following steps:

1. Open the Chrome browser.
2. Use the shortcut F12 or right-click on any page element and select 'Inspect' to open the Developer Tools.
3. In the Developer Tools, click the 'Settings' button, which is a gear icon typically located in the top-right corner of the Developer Tools panel.
4. In the Settings menu, click the 'Disable JavaScript' option under the 'Debugging' category. This will prevent all JavaScript code on web pages from executing.

Example:

Suppose you are debugging a webpage that relies on JavaScript to build content and implement interactions. You need to check how the page appears without JavaScript. You can disable JavaScript using the steps above and then refresh the page. The page will reload without any JavaScript executing. This allows you to verify if the basic HTML and CSS are rendered correctly and to ensure the website has appropriate fallbacks so that basic content and functionality remain available when JavaScript is disabled.

After disabling JavaScript, you may encounter issues such as certain parts of the page not displaying or user interaction features failing. By doing this, you can identify which features heavily rely on JavaScript and take appropriate measures to improve the website's accessibility and robustness.