Skip to main content
Chrome for Developers
Docs
  • Build with Chrome
  • Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
  • Web Platform
  • Isolated Web Apps (IWA)
  • Capabilities
  • Automation and testing
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Web on Android
  • Origin trials
  • Release notes
  • Productivity
  • Create the best experience for your users with the web's best tools.
  • DevTools
  • Lighthouse
  • Chrome UX Report
  • Accessibility
  • Modern Web Guidance
  • Get things done quicker and neater, with our ready-made libraries.
  • Workbox
  • Puppeteer
  • Experience
  • Design a beautiful and performant web with Chrome.
  • AI
  • Performance
  • CSS and UI
  • Identity
  • Payments
  • Privacy and security
  • Ads
  • Resources
  • More from Chrome and Google.
  • All documentation
  • Baseline open_in_new
  • web.dev open_in_new
  • PageSpeed Insights audit open_in_new
Case studies Blog New in Chrome
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Nederlands
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
Sign in
  • Docs
  • Chrome DevTools
DevTools Get started AI assistance
  • Overview
  • Get started
  • Chat with AI assistance
  • Generate code in Console and Sources
  • Data usage
Panels
  • Popular
  • Elements
  • Console
  • Lighthouse
  • Memory
  • Network
  • Performance
  • Recorder
  • Rendering
  • Security
  • Sources
  • All
  • Autofill
  • Animations
  • Application
  • Changes
  • Coverage
  • CSS overview
  • Developer resources
  • Issues
  • Layers
  • Lighthouse
  • Media
  • Memory Inspector
  • Network conditions
  • Request conditions
  • Performance monitor
  • Protocol monitor
  • Quick source
  • Sensors
  • WebAudio
  • WebAuthn
  • What's new
Settings Accessibility For agents
Chrome for Developers
  • Docs
    • More
    • DevTools
    • Get started
    • AI assistance
      • More
    • Panels
      • More
    • Settings
    • Accessibility
    • For agents
  • Case studies
  • Blog
  • New in Chrome
  • Elements
  • Overview
  • DOM
    • View and change the DOM
    • View properties of DOM objects
    • Badges reference
  • CSS
    • View and change CSS
    • Find invalid, overridden, inactive, and other CSS
    • Inspect and debug with the Color Picker
    • Inspect grid layouts
    • Inspect and debug flexbox layouts
    • Inspect and debug container queries
    • Feature reference
  • Console
  • Overview
  • Understand errors and warnings with console insights
  • Log messages
  • Run JavaScript
  • Watch JavaScript in real-time
  • Format and style messages
  • Feature reference
  • API reference
  • Utilities API reference
  • Sources
  • Overview
  • Debug JavaScript
  • Pause your code with breakpoints
  • Run snippets of JavaScript
  • Debug original code instead of deployed with source maps
  • ignoreList source map extension
  • Set up workspaces to save changes to source files
  • Override web content and HTTP response headers locally
  • JavaScript debugging reference
  • Debug C/C++ WebAssembly
  • Network
  • Overview
  • Inspect network activity
  • Features reference
  • View page resources
  • Performance
  • Overview
  • Analyze runtime performance
  • Annotate and share your performance findings
  • Features reference
  • Timeline event reference
  • Analyze CSS selector performance
  • Profile Node.js performance
  • Customize your performance data with extensibility API
  • Get actionable insights on your website's performance
  • Save performance traces
  • Lighthouse
  • Optimize web speed
  • Memory
  • Overview
  • Memory terminology
  • Fix memory problems
  • Record heap snapshots
  • Allocation Profiler tool
  • Application
  • Overview
  • Debug Progressive Web Apps
  • View and edit
    • Local storage
    • Session storage
    • Extension storage
    • IndexedDB data
    • Web SQL data
  • View, add, edit, and delete cookies
  • View cache data
  • Test back/forward caching
  • Debugging speculation rules
  • Debug WebMCP tools
  • Debug background services
  • View frame details
  • View Application Cache data
  • Recorder
  • Overview
  • Record, replay, and measure user flows
  • Features reference
  • Customize the Recorder with extensions
  • Rendering
  • Overview
  • Discover issues with rendering performance
  • Emulate CSS media features
  • Apply rendering effects
  • More panels
  • Inspect and debug saved addresses with the Autofill panel
  • Understand security issues with the Security panel
  • Emulate device sensors with the Sensors panel
  • View WebAudio API metrics with the WebAudio panel
  • Emulate authenticators with the WebAuthn panel
  • Inspect and modify animations with the Animations panel
  • Track changes to HTML, CSS, and JavaScript with the Changes panel
  • Find and analyze unused code with the Coverage panel
  • View and manually load source maps with the Developer Resources panel
  • Identify potential CSS improvements with the CSS Overview panel
  • Find and fix problems with the Issues panel
  • Analyze the layers of your website with the Layers panel
  • Debug media players with the Media panel
  • Inspect ArrayBuffer, TypedArray, DataView or Wasm memory with the Memory inspector panel
  • Override the user agent string with the Network conditions panel
  • Selectively block or throttle resources with the Request Conditions panel
  • Analyze runtime performance in real-time with the Performance monitor panel
  • View and send CDP requests with the Protocol monitor panel
  • View source files while having access to other tools with the Quick source panel
  • What's new
  • Remote debugging
  • Remote debug Android devices
  • Access local servers and Chrome instances with port forwarding
  • Remote debugging WebViews
  • Accessibility
  • Features reference
  • Contrast and readability
  • Track elements focus
  • Navigate DevTools with assistive technology
  • Settings
  • Overview
  • All settings
    • Preferences
    • Workspace
    • AI innovations
    • Experiments
    • Ignore list
    • Devices
    • Throttling
    • Locations
    • Shortcuts
  • Resources
  • Engineering blog
  • Build with Chrome
  • Web Platform
  • Isolated Web Apps (IWA)
  • Capabilities
  • Automation and testing
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Web on Android
  • Origin trials
  • Release notes
  • Productivity
  • DevTools
  • Lighthouse
  • Chrome UX Report
  • Accessibility
  • Modern Web Guidance
  • Workbox
  • Puppeteer
  • Experience
  • AI
  • Performance
  • CSS and UI
  • Identity
  • Payments
  • Privacy and security
  • Ads
  • Resources
  • All documentation
  • Baseline <span class="material-icons" style="font-size: 12px;" aria-hidden="true" translate="no">open_in_new</span>
  • web.dev <span class="material-icons" style="font-size: 12px;" aria-hidden="true" translate="no">open_in_new</span>
  • PageSpeed Insights audit <span class="material-icons" style="font-size: 12px;" aria-hidden="true" translate="no">open_in_new</span>
  • Overview
  • Get started
  • Chat with AI assistance
  • Generate code in Console and Sources
  • Data usage
  • Popular
  • Elements
  • Console
  • Lighthouse
  • Memory
  • Network
  • Performance
  • Recorder
  • Rendering
  • Security
  • Sources
  • All
  • Autofill
  • Animations
  • Application
  • Changes
  • Coverage
  • CSS overview
  • Developer resources
  • Issues
  • Layers
  • Lighthouse
  • Media
  • Memory Inspector
  • Network conditions
  • Request conditions
  • Performance monitor
  • Protocol monitor
  • Quick source
  • Sensors
  • WebAudio
  • WebAuthn
  • What's new
  • Home
  • Docs
  • Chrome DevTools
  • Panels

Console Utilities API reference Stay organized with collections Save and categorize content based on your preferences.