Overview Open Chrome DevTools Get Started With Viewing And Changing The DOM Find Unused JavaScript And CSS With The Coverage Tab Find and fix problems with the Issues tab Run commands in the Command Menu View and debug media players information Emulate authenticators and debug WebAuthn Edit files with Workspaces Debug Progressive Web Apps Understand security issues Keyboard shortcuts View page resources
Overview Open Chrome DevTools Get Started With Viewing And Changing The DOM Find Unused JavaScript And CSS With The Coverage Tab Find and fix problems with the Issues tab Run commands in the Command Menu View and debug media players information Emulate authenticators and debug WebAuthn Edit files with Workspaces Debug Progressive Web Apps Understand security issues Keyboard shortcuts View page resources

Disable JavaScript

Published on

To see how a web page looks and behaves when JavaScript is disabled:

  1. Open Chrome DevTools.

  2. Press Control+Shift+P or Command+Shift+P (Mac) to open the Command Menu.

    The Command Menu.

    Figure 1. The Command Menu

  3. Start typing javascript, select Disable JavaScript, and then press Enter to run the command. JavaScript is now disabled.

    Selecting 'Disable JavaScript' in the Command Menu.

    Figure 2. Selecting Disable JavaScript in the Command Menu

    The yellow warning icon next to Sources reminds you that JavaScript is disabled.

    The warning icon next to Sources.

    Figure 3. The warning icon next to Sources

JavaScript will remain disabled in this tab so long as you have DevTools open.

You may want to reload the page to see if and how the page depends on JavaScript while loading.

To re-enable JavaScript:

  • Open the Command Menu again and run the Enable JavaScript command.
  • Close DevTools.

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.