Get Inspired
Docs
Blog
Articles
Chrome DevTools
Overview Open Chrome DevTools What's New in DevTools DevTools tips
Run commands in the Command Menu Disable JavaScript Keyboard shortcuts
Simulate mobile devices with Device Mode
Get started with viewing and changing the DOM View the properties of DOM objects Badges reference
View and change CSS Find invalid, overridden, inactive, and other CSS Inspect and debug HD and non-HD colors with the Color Picker Inspect CSS grid layouts Inspect and debug CSS flexbox layouts Inspect and debug CSS container queries CSS features reference
Console overview Log messages in the Console Run JavaScript in the Console Watch JavaScript values in real time with Live Expressions Format and style messages in the Console Console features reference Console API reference Console Utilities API reference
Sources panel overview Debug JavaScript Pause your code with breakpoints Run snippets of JavaScript Debug your original code instead of deployed with source maps Edit and save files in a workspace Override web content and HTTP response headers locally JavaScript debugging reference Debug C/C++ WebAssembly
Inspect network activity Network features reference View page resources
Analyze runtime performance Performance features reference Timeline event reference
Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed
Memory terminology Fix memory problems Record heap snapshots How to Use the Allocation Profiler Tool
Debug Progressive Web Apps View and edit local storage View and edit session storage View and change IndexedDB data View Web SQL data View, add, edit, and delete cookies View cache data Test back/forward cache Debug background services Deprecated: View Application Cache Data With Chrome DevTools
Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS Developer Resources: View and manually load source maps CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string
Record, replay, and measure user flows Features reference Customize the Recorder with extensions
Rendering tab overview Discover issues with rendering performance Emulate CSS media features Apply other effects: enable automatic dark theme, emulate focus, and more
Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators
Remote debug Android devices Access local servers Remote debugging WebViews
Accessibility features reference Make your website more readable Navigate Chrome DevTools with assistive technology Track element focus
Customize DevTools
Settings overview Preferences Workspace Experiments Ignore List Devices Throttling Locations Shortcuts
Engineering blog
Chrome DevTools
Overview Open Chrome DevTools What's New in DevTools DevTools tips
Run commands in the Command Menu Disable JavaScript Keyboard shortcuts
Simulate mobile devices with Device Mode
Get started with viewing and changing the DOM View the properties of DOM objects Badges reference
View and change CSS Find invalid, overridden, inactive, and other CSS Inspect and debug HD and non-HD colors with the Color Picker Inspect CSS grid layouts Inspect and debug CSS flexbox layouts Inspect and debug CSS container queries CSS features reference
Console overview Log messages in the Console Run JavaScript in the Console Watch JavaScript values in real time with Live Expressions Format and style messages in the Console Console features reference Console API reference Console Utilities API reference
Sources panel overview Debug JavaScript Pause your code with breakpoints Run snippets of JavaScript Debug your original code instead of deployed with source maps Edit and save files in a workspace Override web content and HTTP response headers locally JavaScript debugging reference Debug C/C++ WebAssembly
Inspect network activity Network features reference View page resources
Analyze runtime performance Performance features reference Timeline event reference
Performance insights: Get actionable insights on your website's performance Lighthouse: Optimize website speed
Memory terminology Fix memory problems Record heap snapshots How to Use the Allocation Profiler Tool
Debug Progressive Web Apps View and edit local storage View and edit session storage View and change IndexedDB data View Web SQL data View, add, edit, and delete cookies View cache data Test back/forward cache Debug background services Deprecated: View Application Cache Data With Chrome DevTools
Animations: Inspect and modify CSS animation effects Changes: Track your HTML, CSS, and JavaScript changes Coverage: Find unused JavaScript and CSS Developer Resources: View and manually load source maps CSS Overview: Identify potential CSS improvements Issues: Find and fix problems Media: View and debug media players information Memory Inspector: Inspect ArrayBuffer, TypedArray, DataView, and Wasm Memory. Network conditions: Override the user agent string
Record, replay, and measure user flows Features reference Customize the Recorder with extensions
Rendering tab overview Discover issues with rendering performance Emulate CSS media features Apply other effects: enable automatic dark theme, emulate focus, and more
Security: Understand security issues Search: Find text across all loaded resources Sensors: Emulate device sensors WebAuthn: Emulate authenticators
Remote debug Android devices Access local servers Remote debugging WebViews
Accessibility features reference Make your website more readable Navigate Chrome DevTools with assistive technology Track element focus
Customize DevTools
Settings overview Preferences Workspace Experiments Ignore List Devices Throttling Locations Shortcuts
Engineering blog

Disable JavaScript

Published on • Updated on

Kayce Basques
Kayce Basques

Technically, I'm a writer

Twitter GitHub Glitch
Sofia Emelianova
Sofia Emelianova

Technical Writer, Google Chrome

GitHub

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

  1. Open Chrome DevTools.

  2. Depending on your operating system, press one of the following:

    • On Window or Linux, Control+Shift+P
    • On MacOS, Command+Shift+P
    The Command Menu.

    The Command Menu opens.

  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.

To remind you that JavaScript is disabled, Chrome shows the corresponding Disabled JavaScript. icon in the address bar and DevTools shows a warning Warning. icon next to Sources.

An icon in the address bar and a warning icon next to Sources in DevTools.

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.

Alternatively, you can disable JavaScript in Settings. Settings.

To re-enable JavaScript:

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

Updated on • Improve article

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.