🕷️ Crawler Inspector

URL Lookup

Direct Parameter Lookup

Raw Queries and Responses

1. Shard Calculation

Query:

Response:

Calculated Shard: 183 (from laksa034)

2. Crawled Status Check

Query:

curl -X POST \
  'http://laksa183.int.ahrefs:8124/' \
  -H 'Content-Type: text/plain' \
  -H 'X-ClickHouse-Database: crawler3' \
  -H 'Authorization: Basic YXBpOg==' \
  -d 'SELECT getAhrefsURLFromUnparsed(src_unparsed) AS found_url, ifNull(toUnixTimestamp(download_stamp), 0) AS crawl_time, ifNull(toUnixTimestamp(props_url_first_seen), 0) AS first_indexed_time, download_http_code AS http_code, src_unparsed AS src_unparsed, src_root_hash AS src_root_hash, history_drop_reason AS history_drop_reason, meta_title AS meta_title, meta_descriptions AS meta_descriptions, attrs_boilerpipe_text AS attrs_boilerpipe_text, attrs_markdown AS attrs_markdown, attrs_readable_markdown AS attrs_readable_markdown, meta_canonical AS meta_canonical, ml_categories_json AS ml_categories_json, ml_types_json AS ml_types_json, ml_intent_types_json AS ml_intent_types_json, meta_language AS meta_language, attrs_author AS attrs_author, ifNull(toUnixTimestamp(attrs_publish_time), 0) AS attrs_publish_time, ifNull(toUnixTimestamp(attrs_original_publish_time), 0) AS attrs_original_publish_time, ifNull(attrs_is_republished, 0) AS attrs_is_republished, ifNull(attrs_nr_words, 0) AS attrs_nr_words, ifNull(attrs_boilerpipe_nr_words, 0) AS attrs_boilerpipe_nr_words, ifNull(body_ext_links_number, 0) AS body_ext_links_number, ifNull(body_int_links_number, 0) AS body_int_links_number, ifNull(meta_nofollow, 0) AS meta_nofollow, ifNull(meta_noarchive, 0) AS meta_noarchive, ifNull(props_was_rendered, 0) AS props_was_rendered, ifNull(src_redirect, \'\') AS src_redirect, ifNull(download_time_msec, 0) AS download_time_msec, ifNull(download_ttfb_msec, 0) AS download_ttfb_msec, ifNull(download_size, 0) AS download_size FROM crawler3.page_info_local FINAL PREWHERE (src_root_hash, src_unparsed) IN ((getAhrefsRootHashFromUnparsed(getAhrefsUnparsedNoserviceFromURL(\'https://developer.chrome.com/docs/devtools\')), getAhrefsUnparsedNoserviceFromURL(\'https://developer.chrome.com/docs/devtools\'))) FORMAT JSONEachRow'

Response:

{"found_url":"https:\/\/developer.chrome.com\/docs\/devtools","crawl_time":1776867097,"first_indexed_time":1616515817,"http_code":200,"src_unparsed":"com,chrome!developer,\/docs\/devtools s443","src_root_hash":"2030795384926181183","history_drop_reason":null,"meta_title":"Chrome DevTools | Chrome for Developers","meta_descriptions":["Debug and optimize your web applications with Chrome DevTools."],"attrs_boilerpipe_text":"Skip to main content\nDevTools\nChrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster.\nDebug with AI\nExplore how\nAI innovations\nin DevTools let you do more, faster. Use the\nChrome DevTools MCP\nto connect the power of DevTools to your favorite coding agents.\nAI innovations\nLet Gemini help you analyze and improve your website's styling, network, sources, and performance. Get help with console errors, and code suggestions in the Console and Sources panels.\nDevTools MCP\nGive your coding agents the same trusted tools you use to inspect network activity, record traces, and troubleshoot web applications, within your AI workflow.\nConnect the\nChrome DevTools MCP\n(Model Context Protocol) server to your tool of choice: Gemini CLI, Claude Code, Cline, Copilot, and more.\nUnderstand performance\nGet a comprehensive and actionable view of your page's performance.\nInspect resources\nLearn how to inspect resources loaded by your page and edit them from your browser.\nAnalyze network\nAnalyze and overwrite network requests and responses on the fly.\nDeveloper Tooling Tips\nExplore our monthly video series taking you through common debugging scenarios in DevTools in a playful way.\nPerformance optimization Pitstop\nGet a tour through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and how to get tailored advice from Gemini.\nPixel Pirate\nSet sail with DevTools and become a debugging pirate! Discover techniques for emulating focus styles, testing forms with autofill, and resolving backend errors with network overrides.\nAI innovations\nExplore the power of Al-assisted debugging with Chrome DevTools! Discover how Console Insights, Al assistance for styling, performance, network, and sources can supercharge your workflow.\nAdvanced Network Analysis with Chrome DevTools\nExplore advanced Network panel techniques, including how to find performance bottlenecks, debug popups, configure network conditions, use shortcuts to determine network request initiators and more.\nGet performance insights\nA wide range of tools to help you measure and optimize different aspects of your runtime performance: the Performance panel, Lighthouse, and more.\nPerformance tool overview\nLearn about all the features in the Performance panel: how to record a performance trace, how to view and analyze the trace, and more.\nLearn about the new performance insights, the power of Lighthouse directly in the DevTools Performance panel.\nNews & updates\nInspect and edit resources\nFeature reference\nLearn about all the features in the Sources panel: how to view and edit files, debug JavaScript, and set up a workspace.\nSet up a workspace\nWorkspace lets you to save changes that you make within DevTools to source code that's stored on your computer. Learn how to set up a workspace in your own projects.\nAnalyze network activity\nNetwork panel\nLearn about all the features in the Network panel: inspect response and request bodies, overwrite headers, and more.\nMore tools\nDiscover all the other features and capabilities in DevTools.\n[[[\"Easy to understand\",\"easyToUnderstand\",\"thumb-up\"],[\"Solved my problem\",\"solvedMyProblem\",\"thumb-up\"],[\"Other\",\"otherUp\",\"thumb-up\"]],[[\"Missing the information I need\",\"missingTheInformationINeed\",\"thumb-down\"],[\"Too complicated \/ too many steps\",\"tooComplicatedTooManySteps\",\"thumb-down\"],[\"Out of date\",\"outOfDate\",\"thumb-down\"],[\"Samples \/ code issue\",\"samplesCodeIssue\",\"thumb-down\"],[\"Other\",\"otherDown\",\"thumb-down\"]],[],[],[]]","attrs_markdown":"[Skip to main content](https:\/\/developer.chrome.com\/docs\/devtools#main-content)\n\n[![Chrome for Developers](https:\/\/www.gstatic.com\/devrel-devsite\/prod\/v579073a50c63499824df5a68b8922367066583d283ef78fdade1028efdb4ceb5\/chrome\/images\/lockup.svg)](https:\/\/developer.chrome.com\/)\n\n[Docs](https:\/\/developer.chrome.com\/docs)\n\n- Build with Chrome\n- Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.\n- [Web Platform](https:\/\/developer.chrome.com\/docs\/web-platform)\n- [Capabilities](https:\/\/developer.chrome.com\/docs\/capabilities)\n- [ChromeDriver](https:\/\/developer.chrome.com\/docs\/chromedriver)\n- [Extensions](https:\/\/developer.chrome.com\/docs\/extensions)\n- [Chrome Web Store](https:\/\/developer.chrome.com\/docs\/webstore)\n- [Chromium](https:\/\/developer.chrome.com\/docs\/chromium)\n- [Web on Android](https:\/\/developer.chrome.com\/docs\/android)\n- [Origin trials](https:\/\/developer.chrome.com\/origintrials\/)\n- [Release notes](https:\/\/developer.chrome.com\/release-notes)\n\n- Productivity\n- Create the best experience for your users with the web's best tools.\n- [DevTools](https:\/\/developer.chrome.com\/docs\/devtools)\n- [Lighthouse](https:\/\/developer.chrome.com\/docs\/lighthouse)\n- [Chrome UX Report](https:\/\/developer.chrome.com\/docs\/crux)\n- [Accessibility](https:\/\/developer.chrome.com\/docs\/accessibility)\n\n- Get things done quicker and neater, with our ready-made libraries.\n- [Workbox](https:\/\/developer.chrome.com\/docs\/workbox)\n- [Puppeteer](https:\/\/developer.chrome.com\/docs\/puppeteer)\n\n- Experience\n- Design a beautiful and performant web with Chrome.\n- [AI](https:\/\/developer.chrome.com\/docs\/ai)\n- [Performance](https:\/\/developer.chrome.com\/docs\/performance)\n- [CSS and UI](https:\/\/developer.chrome.com\/docs\/css-ui)\n- [Identity](https:\/\/developer.chrome.com\/docs\/identity)\n- [Payments](https:\/\/developer.chrome.com\/docs\/payments)\n- [Privacy and security](https:\/\/developer.chrome.com\/docs\/privacy-security)\n\n- Resources\n- More from Chrome and Google.\n- [All documentation](https:\/\/developer.chrome.com\/docs)\n- [Baseline](https:\/\/web.dev\/baseline)\n- [web.dev](https:\/\/web.dev\/)\n- [PageSpeed Insights audit](https:\/\/pagespeed.web.dev\/)\n- [The Privacy Sandbox](https:\/\/developers.google.com\/privacy-sandbox)\n- [Isolated Web Apps (IWA)](https:\/\/developer.chrome.com\/docs\/iwa)\n\nMore\n\n[Case studies](https:\/\/developer.chrome.com\/case-studies)\n\n[Blog](https:\/\/developer.chrome.com\/blog)\n\n[New in Chrome](https:\/\/developer.chrome.com\/new)\n\n- [English](https:\/\/developer.chrome.com\/docs\/devtools)\n- [Deutsch](https:\/\/developer.chrome.com\/docs\/devtools?hl=de)\n- [Español – América Latina](https:\/\/developer.chrome.com\/docs\/devtools?hl=es-419)\n- [Français](https:\/\/developer.chrome.com\/docs\/devtools?hl=fr)\n- [Indonesia](https:\/\/developer.chrome.com\/docs\/devtools?hl=id)\n- [Italiano](https:\/\/developer.chrome.com\/docs\/devtools?hl=it)\n- [Nederlands](https:\/\/developer.chrome.com\/docs\/devtools?hl=nl)\n- [Polski](https:\/\/developer.chrome.com\/docs\/devtools?hl=pl)\n- [Português – Brasil](https:\/\/developer.chrome.com\/docs\/devtools?hl=pt-br)\n- [Tiếng Việt](https:\/\/developer.chrome.com\/docs\/devtools?hl=vi)\n- [Türkçe](https:\/\/developer.chrome.com\/docs\/devtools?hl=tr)\n- [Русский](https:\/\/developer.chrome.com\/docs\/devtools?hl=ru)\n- [עברית](https:\/\/developer.chrome.com\/docs\/devtools?hl=he)\n- [العربيّة](https:\/\/developer.chrome.com\/docs\/devtools?hl=ar)\n- [فارسی](https:\/\/developer.chrome.com\/docs\/devtools?hl=fa)\n- [हिंदी](https:\/\/developer.chrome.com\/docs\/devtools?hl=hi)\n- [বাংলা](https:\/\/developer.chrome.com\/docs\/devtools?hl=bn)\n- [ภาษาไทย](https:\/\/developer.chrome.com\/docs\/devtools?hl=th)\n- [中文 – 简体](https:\/\/developer.chrome.com\/docs\/devtools?hl=zh-cn)\n- [中文 – 繁體](https:\/\/developer.chrome.com\/docs\/devtools?hl=zh-tw)\n- [日本語](https:\/\/developer.chrome.com\/docs\/devtools?hl=ja)\n- [한국어](https:\/\/developer.chrome.com\/docs\/devtools?hl=ko)\n\n[Sign in](https:\/\/developer.chrome.com\/_d\/signin?continue=https%3A%2F%2Fdeveloper.chrome.com%2Fdocs%2Fdevtools&prompt=select_account)\n\n- [Docs](https:\/\/developer.chrome.com\/docs)\n- [Chrome DevTools](https:\/\/developer.chrome.com\/docs\/devtools)\n\n[DevTools](https:\/\/developer.chrome.com\/docs\/devtools)\n\n[Get started](https:\/\/developer.chrome.com\/docs\/devtools\/overview)\n\n[AI assistance](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance)\n\n- [Overview](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance)\n- [Get started](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance\/get-started)\n- [Chat with AI assistance](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance\/chat)\n- [Data usage](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance\/data-usage-and-enterprise-controls)\n\n[Panels](https:\/\/developer.chrome.com\/docs\/devtools\/dom)\n\n- Popular\n- [Elements](https:\/\/developer.chrome.com\/docs\/devtools\/elements)\n- [Console](https:\/\/developer.chrome.com\/docs\/devtools\/console)\n- [Lighthouse](https:\/\/developer.chrome.com\/docs\/devtools\/lighthouse)\n- [Memory](https:\/\/developer.chrome.com\/docs\/devtools\/memory)\n- [Network](https:\/\/developer.chrome.com\/docs\/devtools\/network\/overview)\n- [Performance](https:\/\/developer.chrome.com\/docs\/devtools\/performance\/overview)\n- [Recorder](https:\/\/developer.chrome.com\/docs\/devtools\/recorder\/overview)\n- [Rendering](https:\/\/developer.chrome.com\/docs\/devtools\/rendering)\n- [Security](https:\/\/developer.chrome.com\/docs\/devtools\/security)\n- [Sources](https:\/\/developer.chrome.com\/docs\/devtools\/sources)\n\n- All\n- [Autofill](https:\/\/developer.chrome.com\/docs\/devtools\/autofill)\n- [Animations](https:\/\/developer.chrome.com\/docs\/devtools\/css\/animations)\n- [Application](https:\/\/developer.chrome.com\/docs\/devtools\/application)\n- [Changes](https:\/\/developer.chrome.com\/docs\/devtools\/changes)\n- [Coverage](https:\/\/developer.chrome.com\/docs\/devtools\/coverage)\n- [CSS overview](https:\/\/developer.chrome.com\/docs\/devtools\/css-overview)\n- [Developer resources](https:\/\/developer.chrome.com\/docs\/devtools\/developer-resources)\n- [Issues](https:\/\/developer.chrome.com\/docs\/devtools\/issues)\n- [Layers](https:\/\/developer.chrome.com\/docs\/devtools\/layers)\n- [Lighthouse](https:\/\/developer.chrome.com\/docs\/devtools\/lighthouse)\n- [Media](https:\/\/developer.chrome.com\/docs\/devtools\/media-panel)\n- [Memory Inspector](https:\/\/developer.chrome.com\/docs\/devtools\/memory-inspector)\n\n- [Network conditions](https:\/\/developer.chrome.com\/docs\/devtools\/device-mode\/override-user-agent)\n- [Request conditions](https:\/\/developer.chrome.com\/docs\/devtools\/request-conditions)\n- [Performance monitor](https:\/\/developer.chrome.com\/docs\/devtools\/performance-monitor)\n- [Protocol monitor](https:\/\/developer.chrome.com\/docs\/devtools\/protocol-monitor)\n- [Quick source](https:\/\/developer.chrome.com\/docs\/devtools\/quick-source)\n- [Sensors](https:\/\/developer.chrome.com\/docs\/devtools\/sensors)\n- [WebAudio](https:\/\/developer.chrome.com\/docs\/devtools\/webaudio)\n- [WebAuthn](https:\/\/developer.chrome.com\/docs\/devtools\/webauthn)\n- [What's new](https:\/\/developer.chrome.com\/docs\/devtools\/whats-new)\n\n[Settings](https:\/\/developer.chrome.com\/docs\/devtools\/settings)\n\n[Accessibility](https:\/\/developer.chrome.com\/docs\/devtools\/accessibility\/reference)\n\nMore\n\n[![Chrome for Developers](https:\/\/www.gstatic.com\/devrel-devsite\/prod\/v579073a50c63499824df5a68b8922367066583d283ef78fdade1028efdb4ceb5\/chrome\/images\/lockup.svg)](https:\/\/developer.chrome.com\/)\n\n- [Docs](https:\/\/developer.chrome.com\/docs)\n  - More\n  - [DevTools](https:\/\/developer.chrome.com\/docs\/devtools)\n  - [Get started](https:\/\/developer.chrome.com\/docs\/devtools\/overview)\n  - [AI assistance](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance)\n    - More\n  - [Panels](https:\/\/developer.chrome.com\/docs\/devtools\/dom)\n    - More\n  - [Settings](https:\/\/developer.chrome.com\/docs\/devtools\/settings)\n  - [Accessibility](https:\/\/developer.chrome.com\/docs\/devtools\/accessibility\/reference)\n- [Case studies](https:\/\/developer.chrome.com\/case-studies)\n- [Blog](https:\/\/developer.chrome.com\/blog)\n- [New in Chrome](https:\/\/developer.chrome.com\/new)\n\n- Build with Chrome\n- [Web Platform](https:\/\/developer.chrome.com\/docs\/web-platform)\n- [Capabilities](https:\/\/developer.chrome.com\/docs\/capabilities)\n- [ChromeDriver](https:\/\/developer.chrome.com\/docs\/chromedriver)\n- [Extensions](https:\/\/developer.chrome.com\/docs\/extensions)\n- [Chrome Web Store](https:\/\/developer.chrome.com\/docs\/webstore)\n- [Chromium](https:\/\/developer.chrome.com\/docs\/chromium)\n- [Web on Android](https:\/\/developer.chrome.com\/docs\/android)\n- [Origin trials](https:\/\/developer.chrome.com\/origintrials\/)\n- [Release notes](https:\/\/developer.chrome.com\/release-notes)\n- Productivity\n- [DevTools](https:\/\/developer.chrome.com\/docs\/devtools)\n- [Lighthouse](https:\/\/developer.chrome.com\/docs\/lighthouse)\n- [Chrome UX Report](https:\/\/developer.chrome.com\/docs\/crux)\n- [Accessibility](https:\/\/developer.chrome.com\/docs\/accessibility)\n- [Workbox](https:\/\/developer.chrome.com\/docs\/workbox)\n- [Puppeteer](https:\/\/developer.chrome.com\/docs\/puppeteer)\n- Experience\n- [AI](https:\/\/developer.chrome.com\/docs\/ai)\n- [Performance](https:\/\/developer.chrome.com\/docs\/performance)\n- [CSS and UI](https:\/\/developer.chrome.com\/docs\/css-ui)\n- [Identity](https:\/\/developer.chrome.com\/docs\/identity)\n- [Payments](https:\/\/developer.chrome.com\/docs\/payments)\n- [Privacy and security](https:\/\/developer.chrome.com\/docs\/privacy-security)\n- Resources\n- [All documentation](https:\/\/developer.chrome.com\/docs)\n- [Baseline](https:\/\/web.dev\/baseline)\n- [web.dev](https:\/\/web.dev\/)\n- [PageSpeed Insights audit](https:\/\/pagespeed.web.dev\/)\n- [The Privacy Sandbox](https:\/\/developers.google.com\/privacy-sandbox)\n- [Isolated Web Apps (IWA)](https:\/\/developer.chrome.com\/docs\/iwa)\n\n- [Overview](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance)\n- [Get started](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance\/get-started)\n- [Chat with AI assistance](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance\/chat)\n- [Data usage](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance\/data-usage-and-enterprise-controls)\n\n- Popular\n- [Elements](https:\/\/developer.chrome.com\/docs\/devtools\/elements)\n- [Console](https:\/\/developer.chrome.com\/docs\/devtools\/console)\n- [Lighthouse](https:\/\/developer.chrome.com\/docs\/devtools\/lighthouse)\n- [Memory](https:\/\/developer.chrome.com\/docs\/devtools\/memory)\n- [Network](https:\/\/developer.chrome.com\/docs\/devtools\/network\/overview)\n- [Performance](https:\/\/developer.chrome.com\/docs\/devtools\/performance\/overview)\n- [Recorder](https:\/\/developer.chrome.com\/docs\/devtools\/recorder\/overview)\n- [Rendering](https:\/\/developer.chrome.com\/docs\/devtools\/rendering)\n- [Security](https:\/\/developer.chrome.com\/docs\/devtools\/security)\n- [Sources](https:\/\/developer.chrome.com\/docs\/devtools\/sources)\n- All\n- [Autofill](https:\/\/developer.chrome.com\/docs\/devtools\/autofill)\n- [Animations](https:\/\/developer.chrome.com\/docs\/devtools\/css\/animations)\n- [Application](https:\/\/developer.chrome.com\/docs\/devtools\/application)\n- [Changes](https:\/\/developer.chrome.com\/docs\/devtools\/changes)\n- [Coverage](https:\/\/developer.chrome.com\/docs\/devtools\/coverage)\n- [CSS overview](https:\/\/developer.chrome.com\/docs\/devtools\/css-overview)\n- [Developer resources](https:\/\/developer.chrome.com\/docs\/devtools\/developer-resources)\n- [Issues](https:\/\/developer.chrome.com\/docs\/devtools\/issues)\n- [Layers](https:\/\/developer.chrome.com\/docs\/devtools\/layers)\n- [Lighthouse](https:\/\/developer.chrome.com\/docs\/devtools\/lighthouse)\n- [Media](https:\/\/developer.chrome.com\/docs\/devtools\/media-panel)\n- [Memory Inspector](https:\/\/developer.chrome.com\/docs\/devtools\/memory-inspector)\n- [Network conditions](https:\/\/developer.chrome.com\/docs\/devtools\/device-mode\/override-user-agent)\n- [Request conditions](https:\/\/developer.chrome.com\/docs\/devtools\/request-conditions)\n- [Performance monitor](https:\/\/developer.chrome.com\/docs\/devtools\/performance-monitor)\n- [Protocol monitor](https:\/\/developer.chrome.com\/docs\/devtools\/protocol-monitor)\n- [Quick source](https:\/\/developer.chrome.com\/docs\/devtools\/quick-source)\n- [Sensors](https:\/\/developer.chrome.com\/docs\/devtools\/sensors)\n- [WebAudio](https:\/\/developer.chrome.com\/docs\/devtools\/webaudio)\n- [WebAuthn](https:\/\/developer.chrome.com\/docs\/devtools\/webauthn)\n- [What's new](https:\/\/developer.chrome.com\/docs\/devtools\/whats-new)\n\n- [Home](https:\/\/developer.chrome.com\/)\n- [Docs](https:\/\/developer.chrome.com\/docs)\n- [Chrome DevTools](https:\/\/developer.chrome.com\/docs\/devtools)\n\n### DevTools\nChrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster.\n\n[Get started](https:\/\/developer.chrome.com\/docs\/devtools\/overview) [Release notes](https:\/\/developer.chrome.com\/docs\/devtools\/release-notes)\n\n## Debug with AI\nExplore how [AI innovations](https:\/\/developer.chrome.com\/docs\/devtools\/settings\/ai-innovations) in DevTools let you do more, faster. Use the [Chrome DevTools MCP](https:\/\/github.com\/ChromeDevTools\/chrome-devtools-mcp) to connect the power of DevTools to your favorite coding agents.\n\n### [AI innovations](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance)\nLet Gemini help you analyze and improve your website's styling, network, sources, and performance. Get help with console errors, and code suggestions in the Console and Sources panels.\n\n[Explore AI innovations](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance)\n\n### [DevTools MCP](https:\/\/github.com\/ChromeDevTools\/chrome-devtools-mcp)\nGive your coding agents the same trusted tools you use to inspect network activity, record traces, and troubleshoot web applications, within your AI workflow.  \n  \n Connect the **Chrome DevTools MCP** (Model Context Protocol) server to your tool of choice: Gemini CLI, Claude Code, Cline, Copilot, and more.\n\n[Learn more on GitHub](https:\/\/github.com\/ChromeDevTools\/chrome-devtools-mcp)\n\n[![](https:\/\/developer.chrome.com\/static\/docs\/devtools\/images\/lp-hero-performance.jpg)](https:\/\/developer.chrome.com\/docs\/devtools#performance)\n\n### [Understand performance](https:\/\/developer.chrome.com\/docs\/devtools#performance)\nGet a comprehensive and actionable view of your page's performance.\n\n[![](https:\/\/developer.chrome.com\/static\/docs\/devtools\/images\/lp-hero-sources.jpg)](https:\/\/developer.chrome.com\/docs\/devtools#sources)\n\n### [Inspect resources](https:\/\/developer.chrome.com\/docs\/devtools#sources)\nLearn how to inspect resources loaded by your page and edit them from your browser.\n\n[![](https:\/\/developer.chrome.com\/static\/docs\/devtools\/images\/lp-hero-network.jpg)](https:\/\/developer.chrome.com\/docs\/devtools#network)\n\n### [Analyze network](https:\/\/developer.chrome.com\/docs\/devtools#network)\nAnalyze and overwrite network requests and responses on the fly.\n\n## Developer Tooling Tips\nExplore our monthly video series taking you through common debugging scenarios in DevTools in a playful way.\n\n### Performance optimization Pitstop\nGet a tour through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and how to get tailored advice from Gemini.\n\n### Pixel Pirate\nSet sail with DevTools and become a debugging pirate! Discover techniques for emulating focus styles, testing forms with autofill, and resolving backend errors with network overrides.\n\n### AI innovations\nExplore the power of Al-assisted debugging with Chrome DevTools! Discover how Console Insights, Al assistance for styling, performance, network, and sources can supercharge your workflow.\n\n### Advanced Network Analysis with Chrome DevTools\nExplore advanced Network panel techniques, including how to find performance bottlenecks, debug popups, configure network conditions, use shortcuts to determine network request initiators and more.\n\n## Get performance insights\nA wide range of tools to help you measure and optimize different aspects of your runtime performance: the Performance panel, Lighthouse, and more.\n\n[![](https:\/\/developer.chrome.com\/static\/docs\/devtools\/images\/lp-hero-performance.jpg)](https:\/\/developer.chrome.com\/docs\/devtools\/performance\/overview)\n\n### [Performance tool overview](https:\/\/developer.chrome.com\/docs\/devtools\/performance\/overview)\nLearn about all the features in the Performance panel: how to record a performance trace, how to view and analyze the trace, and more.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/devtools-grounded-real-world\/images\/hero.png)](https:\/\/developer.chrome.com\/blog\/devtools-grounded-real-world)\n\n### [Monitor your local and real-user Core Web Vitals performance in DevTools](https:\/\/developer.chrome.com\/blog\/devtools-grounded-real-world)\nLearn about new DevTools features like CPU throttling calibration to help you base your performance debugging decisions on data from the real world\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/devtools-insights-sidebar\/images\/hero.png)](https:\/\/developer.chrome.com\/blog\/devtools-insights-sidebar)\n\n### [Insights sidebar in the DevTools Performance panel](https:\/\/developer.chrome.com\/blog\/devtools-insights-sidebar)\nLearn about the new performance insights, the power of Lighthouse directly in the DevTools Performance panel.\n\n## News & updates\n[![](https:\/\/developer.chrome.com\/static\/blog\/new-in-devtools-147\/images\/thumbnail.jpg)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-147?hl=en)\n\n[What's new in DevTools (Chrome 147)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-147?hl=en)\n\nUpdated April 7, 2026\n\nAutomatic context switching for AI assistance, Updates for DevTools for agents, and code completion for Console and Sources panels.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/new-in-devtools-146\/images\/thumbnail.png)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-146?hl=en)\n\n[What's new in DevTools (Chrome 146)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-146?hl=en)\n\nUpdated March 10, 2026\n\nAdopted Style Sheets, Console history, and DevTools MCP with --slim mode, memory snapshots, and new A11y\/LCP skills.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/new-in-devtools-145\/images\/hero.png)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-145?hl=en)\n\n[What's new in DevTools (Chrome 145)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-145?hl=en)\n\nUpdated February 16, 2026\n\nAuto-connect and emulation for Chrome DevTools MCP, soft navigation traces, precise line-level profiling, and a render-blocking network column\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/designing-devtools-efficient-token-usage\/image\/thumbnail.png)](https:\/\/developer.chrome.com\/blog\/designing-devtools-efficient-token-usage?hl=en)\n\n[Designing DevTools: Efficient token usage in AI assistance](https:\/\/developer.chrome.com\/blog\/designing-devtools-efficient-token-usage?hl=en)\n\nUpdated January 30, 2026\n\nLearn how the Chrome Tooling team optimized token usage for AI assistance, and discover techniques for more efficient data usage with LLMs.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/new-in-devtools-144\/image\/thumbnail.jpg)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-144?hl=en)\n\n[What's new in DevTools, Chrome 144](https:\/\/developer.chrome.com\/blog\/new-in-devtools-144?hl=en)\n\nUpdated January 6, 2026\n\nChrome DevTools MCP server, individual request throttling, adopted stylesheets and 2025 highlights.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/chrome-devtools-mcp-debug-your-browser-session\/image\/hero.png)](https:\/\/developer.chrome.com\/blog\/chrome-devtools-mcp-debug-your-browser-session?hl=en)\n\n[Let your Coding Agent debug your browser session with Chrome DevTools MCP](https:\/\/developer.chrome.com\/blog\/chrome-devtools-mcp-debug-your-browser-session?hl=en)\n\nUpdated December 16, 2025\n\nWe shipped a new feature to the Chrome DevTools MCP server that is going to make it a lot easier for your coding agent to debug your current browser sessions.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/new-in-devtools-143\/image\/thumbnail.jpg)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-143?hl=en)\n\n[What's new in DevTools, Chrome 143](https:\/\/developer.chrome.com\/blog\/new-in-devtools-143?hl=en)\n\nUpdated December 5, 2025\n\nChrome DevTools MCP server v0.11.0, improved trace sharing, @starting-style support, masonry editor, and Lighthouse 13.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/new-in-devtools-142\/image\/thumbnail.jpg)](https:\/\/developer.chrome.com\/blog\/new-in-devtools-142?hl=en)\n\n[What's new in DevTools, Chrome 142](https:\/\/developer.chrome.com\/blog\/new-in-devtools-142?hl=en)\n\nUpdated October 28, 2025\n\nCode suggestions in Console and Sources, full performance trace debugging with Gemini, toggle drawer orientation, DevTools MCP server updates, and more.\n\n[![](https:\/\/developer.chrome.com\/static\/blog\/devtools-deprecates-live-editing\/image\/thumbnail.jpg)](https:\/\/developer.chrome.com\/blog\/devtools-deprecates-live-editing?hl=en)\n\n[Deprecating live editing of JavaScript sources in Chrome DevTools](https:\/\/developer.chrome.com\/blog\/devtools-deprecates-live-editing?hl=en)\n\nUpdated October 22, 2025\n\nChrome DevTools removes live editing in Chrome 145 (Feb 2026) due to low use and modern alternatives like Hot Module Replacement (HMR).\n\nexpand\\_lessLess\n\nMoreexpand\\_more\n\n## Inspect and edit resources\n[![](https:\/\/developer.chrome.com\/static\/docs\/devtools\/images\/lp-hero-sources.jpg)](https:\/\/developer.chrome.com\/docs\/devtools\/sources)\n\n### [Feature reference](https:\/\/developer.chrome.com\/docs\/devtools\/sources)\nLearn about all the features in the Sources panel: how to view and edit files, debug JavaScript, and set up a workspace.\n\n[Get started](https:\/\/developer.chrome.com\/docs\/devtools\/sources)\n\n### [Set up a workspace](https:\/\/developer.chrome.com\/docs\/devtools\/workspaces)\nWorkspace lets you to save changes that you make within DevTools to source code that's stored on your computer. Learn how to set up a workspace in your own projects.\n\n[Read tutorial](https:\/\/developer.chrome.com\/docs\/devtools\/workspaces)\n\n## Analyze network activity\n[![](https:\/\/developer.chrome.com\/static\/docs\/devtools\/images\/lp-hero-network.jpg)](https:\/\/developer.chrome.com\/docs\/devtools\/network\/overview)\n\n### [Network panel](https:\/\/developer.chrome.com\/docs\/devtools\/network\/overview)\nLearn about all the features in the Network panel: inspect response and request bodies, overwrite headers, and more.\n\n[Get started](https:\/\/developer.chrome.com\/docs\/devtools\/network\/overview)\n\n### [Inspect network activity](https:\/\/developer.chrome.com\/docs\/devtools\/network)\nA hands-on tutorial to guide you through common tasks inside the Network panel.\n\n[Read tutorial](https:\/\/developer.chrome.com\/docs\/devtools\/network)\n\n## More tools\nDiscover all the other features and capabilities in DevTools.\n\n### [Elements](https:\/\/developer.chrome.com\/docs\/devtools\/dom)\nLearn how to view and change a page's DOM.\n\n### [Styles](https:\/\/developer.chrome.com\/docs\/devtools\/css)\nLearn how to view and change a page's CSS.\n\n### [Changes](https:\/\/developer.chrome.com\/docs\/devtools\/changes)\nTrack changes to HTML, CSS, and JavaScript.\n\n### [Console](https:\/\/developer.chrome.com\/docs\/devtools\/console)\nLog messages and run JavaScript.\n\n### [Performance](https:\/\/developer.chrome.com\/docs\/devtools\/performance\/overview)\nEvaluate website performance.\n\n### [Memory](https:\/\/developer.chrome.com\/docs\/devtools\/memory)\nFind memory issues that affect page performance, including memory leaks, and more.\n\n### [Application](https:\/\/developer.chrome.com\/docs\/devtools\/progressive-web-apps)\nInspect, modify, and debug web apps, test cache, view storage, and more.\n\n### [Animations](https:\/\/developer.chrome.com\/docs\/devtools\/animations)\nInspect and modify animations.\n\n### [Recorder](https:\/\/developer.chrome.com\/docs\/devtools\/recorder\/overview)\nRecord, replay, measure user flows, and edit their steps.\n\n### [Rendering](https:\/\/developer.chrome.com\/docs\/devtools\/rendering)\nDiscover a collection of options that affect web content rendering.\n\n### [Autofill](https:\/\/developer.chrome.com\/docs\/devtools\/autofill)\nInspect and debug saved addresses.\n\n### [Issues](https:\/\/developer.chrome.com\/docs\/devtools\/issues)\nFind and fix problems with your website.\n\n### [Privacy & Security](https:\/\/developer.chrome.com\/docs\/devtools\/security)\nMake sure that a page is fully protected by HTTPS.\n\n### [Media](https:\/\/developer.chrome.com\/docs\/devtools\/media-panel)\nView information and debug media players per browser tab.\n\n### [Sensors](https:\/\/developer.chrome.com\/docs\/devtools\/sensors)\nEmulate device sensors.\n\n### [WebAuthn](https:\/\/developer.chrome.com\/docs\/devtools\/webauthn)\nEmulate authenticators.\n\n- ### Contribute\n  - [File a bug](https:\/\/issuetracker.google.com\/issues\/new?component=1400036&template=1897236)\n  - [See open issues](https:\/\/issuetracker.google.com\/issues?q=status:open%20componentid:1400036&s=created_time:desc)\n- ### Related content\n  - [Chromium updates](https:\/\/blog.chromium.org\/)\n  - [Case studies](https:\/\/developer.chrome.com\/case-studies)\n  - [Archive](https:\/\/developer.chrome.com\/deprecated)\n  - [Podcasts & shows](https:\/\/web.dev\/shows)\n- ### Follow\n  - [@ChromiumDev on X](https:\/\/twitter.com\/ChromiumDev)\n  - [YouTube](https:\/\/www.youtube.com\/user\/ChromeDevelopers)\n  - [Chrome for Developers on LinkedIn](https:\/\/www.linkedin.com\/showcase\/chrome-for-developers)\n  - [RSS](https:\/\/developer.chrome.com\/static\/blog\/feed.xml)\n\n- [Terms](https:\/\/policies.google.com\/terms)\n- [Privacy](https:\/\/policies.google.com\/privacy)\n- [Manage cookies](https:\/\/developer.chrome.com\/docs\/devtools)\n\n- [English](https:\/\/developer.chrome.com\/docs\/devtools)\n- [Deutsch](https:\/\/developer.chrome.com\/docs\/devtools?hl=de)\n- [Español – América Latina](https:\/\/developer.chrome.com\/docs\/devtools?hl=es-419)\n- [Français](https:\/\/developer.chrome.com\/docs\/devtools?hl=fr)\n- [Indonesia](https:\/\/developer.chrome.com\/docs\/devtools?hl=id)\n- [Italiano](https:\/\/developer.chrome.com\/docs\/devtools?hl=it)\n- [Nederlands](https:\/\/developer.chrome.com\/docs\/devtools?hl=nl)\n- [Polski](https:\/\/developer.chrome.com\/docs\/devtools?hl=pl)\n- [Português – Brasil](https:\/\/developer.chrome.com\/docs\/devtools?hl=pt-br)\n- [Tiếng Việt](https:\/\/developer.chrome.com\/docs\/devtools?hl=vi)\n- [Türkçe](https:\/\/developer.chrome.com\/docs\/devtools?hl=tr)\n- [Русский](https:\/\/developer.chrome.com\/docs\/devtools?hl=ru)\n- [עברית](https:\/\/developer.chrome.com\/docs\/devtools?hl=he)\n- [العربيّة](https:\/\/developer.chrome.com\/docs\/devtools?hl=ar)\n- [فارسی](https:\/\/developer.chrome.com\/docs\/devtools?hl=fa)\n- [हिंदी](https:\/\/developer.chrome.com\/docs\/devtools?hl=hi)\n- [বাংলা](https:\/\/developer.chrome.com\/docs\/devtools?hl=bn)\n- [ภาษาไทย](https:\/\/developer.chrome.com\/docs\/devtools?hl=th)\n- [中文 – 简体](https:\/\/developer.chrome.com\/docs\/devtools?hl=zh-cn)\n- [中文 – 繁體](https:\/\/developer.chrome.com\/docs\/devtools?hl=zh-tw)\n- [日本語](https:\/\/developer.chrome.com\/docs\/devtools?hl=ja)\n- [한국어](https:\/\/developer.chrome.com\/docs\/devtools?hl=ko)","attrs_readable_markdown":"[Skip to main content](https:\/\/developer.chrome.com\/docs\/devtools#main-content)\n\n### DevTools\nChrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster.\n\n## Debug with AI\nExplore how [AI innovations](https:\/\/developer.chrome.com\/docs\/devtools\/settings\/ai-innovations) in DevTools let you do more, faster. Use the [Chrome DevTools MCP](https:\/\/github.com\/ChromeDevTools\/chrome-devtools-mcp) to connect the power of DevTools to your favorite coding agents.\n\n### [AI innovations](https:\/\/developer.chrome.com\/docs\/devtools\/ai-assistance)\nLet Gemini help you analyze and improve your website's styling, network, sources, and performance. Get help with console errors, and code suggestions in the Console and Sources panels.\n\n### [DevTools MCP](https:\/\/github.com\/ChromeDevTools\/chrome-devtools-mcp)\nGive your coding agents the same trusted tools you use to inspect network activity, record traces, and troubleshoot web applications, within your AI workflow.\n\nConnect the **Chrome DevTools MCP** (Model Context Protocol) server to your tool of choice: Gemini CLI, Claude Code, Cline, Copilot, and more.\n\n### [Understand performance](https:\/\/developer.chrome.com\/docs\/devtools#performance)\nGet a comprehensive and actionable view of your page's performance.\n\n### [Inspect resources](https:\/\/developer.chrome.com\/docs\/devtools#sources)\nLearn how to inspect resources loaded by your page and edit them from your browser.\n\n### [Analyze network](https:\/\/developer.chrome.com\/docs\/devtools#network)\nAnalyze and overwrite network requests and responses on the fly.\n\n## Developer Tooling Tips\nExplore our monthly video series taking you through common debugging scenarios in DevTools in a playful way.\n\n### Performance optimization Pitstop\nGet a tour through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and how to get tailored advice from Gemini.\n\n### Pixel Pirate\nSet sail with DevTools and become a debugging pirate! Discover techniques for emulating focus styles, testing forms with autofill, and resolving backend errors with network overrides.\n\n### AI innovations\nExplore the power of Al-assisted debugging with Chrome DevTools! Discover how Console Insights, Al assistance for styling, performance, network, and sources can supercharge your workflow.\n\n### Advanced Network Analysis with Chrome DevTools\nExplore advanced Network panel techniques, including how to find performance bottlenecks, debug popups, configure network conditions, use shortcuts to determine network request initiators and more.\n\n## Get performance insights\nA wide range of tools to help you measure and optimize different aspects of your runtime performance: the Performance panel, Lighthouse, and more.\n\n### [Performance tool overview](https:\/\/developer.chrome.com\/docs\/devtools\/performance\/overview)\nLearn about all the features in the Performance panel: how to record a performance trace, how to view and analyze the trace, and more.\n\nLearn about the new performance insights, the power of Lighthouse directly in the DevTools Performance panel.\n\nNews & updates\n\nInspect and edit resources\n\n### [Feature reference](https:\/\/developer.chrome.com\/docs\/devtools\/sources)\nLearn about all the features in the Sources panel: how to view and edit files, debug JavaScript, and set up a workspace.\n\n### [Set up a workspace](https:\/\/developer.chrome.com\/docs\/devtools\/workspaces)\nWorkspace lets you to save changes that you make within DevTools to source code that's stored on your computer. Learn how to set up a workspace in your own projects.\n\nAnalyze network activity\n\n### [Network panel](https:\/\/developer.chrome.com\/docs\/devtools\/network\/overview)\nLearn about all the features in the Network panel: inspect response and request bodies, overwrite headers, and more.\n\n## More tools\nDiscover all the other features and capabilities in DevTools.","meta_canonical":null,"ml_categories_json":"{\"\/Computers_and_Electronics\":917,\"\/Computers_and_Electronics\/Software\":877,\"\/Computers_and_Electronics\/Software\/Software_Utilities\":735,\"\/Internet_and_Telecom\":448,\"\/Internet_and_Telecom\/Web_Services\":446,\"\/Internet_and_Telecom\/Web_Services\/Web_Design_and_Development\":436}","ml_types_json":"{\"\/Core_Page\":646,\"\/Core_Page\/Services_Page\":615}","ml_intent_types_json":"{\"Informational\":984,\"Commercial\":147}","meta_language":"en","attrs_author":null,"attrs_publish_time":0,"attrs_original_publish_time":1616515817,"attrs_is_republished":0,"attrs_nr_words":"1406","attrs_boilerpipe_nr_words":"510","body_ext_links_number":26,"body_int_links_number":118,"meta_nofollow":0,"meta_noarchive":0,"props_was_rendered":1,"src_redirect":"","download_time_msec":643,"download_ttfb_msec":629,"download_size":25553}

3. Robots.txt Check

Query:

Response:

4. Spam/Ban Check

Query:

Response:

5. Seen Status Check

ℹ️ Skipped - page is already crawled

📄

INDEXABLE

✅

CRAWLED

2 hours ago

🤖

ROBOTS ALLOWED

Page Info Filters

Filter	Status	Condition	Details
HTTP status	PASS	`download_http_code = 200`	HTTP 200
Age cutoff	PASS	`download_stamp > now() - 6 MONTH`	0 months ago
History drop	PASS	`isNull(history_drop_reason)`	No drop reason
Spam/ban	PASS	`fh_dont_index != 1 AND ml_spam_score = 0`	ml_spam_score=0
Canonical	PASS	`meta_canonical IS NULL OR = '' OR = src_unparsed`	Not set

Page Details

Property

Value

URL

https://developer.chrome.com/docs/devtools

Last Crawled

2026-04-22 14:11:37 (2 hours ago)

First Indexed

2021-03-23 16:10:17 (5 years ago)

HTTP Status Code

200

Content

Meta Title

Chrome DevTools | Chrome for Developers

Meta Description

Debug and optimize your web applications with Chrome DevTools.

Meta Canonical

null

Boilerpipe Text

Skip to main content DevTools Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster. Debug with AI Explore how AI innovations in DevTools let you do more, faster. Use the Chrome DevTools MCP to connect the power of DevTools to your favorite coding agents. AI innovations Let Gemini help you analyze and improve your website's styling, network, sources, and performance. Get help with console errors, and code suggestions in the Console and Sources panels. DevTools MCP Give your coding agents the same trusted tools you use to inspect network activity, record traces, and troubleshoot web applications, within your AI workflow. Connect the Chrome DevTools MCP (Model Context Protocol) server to your tool of choice: Gemini CLI, Claude Code, Cline, Copilot, and more. Understand performance Get a comprehensive and actionable view of your page's performance. Inspect resources Learn how to inspect resources loaded by your page and edit them from your browser. Analyze network Analyze and overwrite network requests and responses on the fly. Developer Tooling Tips Explore our monthly video series taking you through common debugging scenarios in DevTools in a playful way. Performance optimization Pitstop Get a tour through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and how to get tailored advice from Gemini. Pixel Pirate Set sail with DevTools and become a debugging pirate! Discover techniques for emulating focus styles, testing forms with autofill, and resolving backend errors with network overrides. AI innovations Explore the power of Al-assisted debugging with Chrome DevTools! Discover how Console Insights, Al assistance for styling, performance, network, and sources can supercharge your workflow. Advanced Network Analysis with Chrome DevTools Explore advanced Network panel techniques, including how to find performance bottlenecks, debug popups, configure network conditions, use shortcuts to determine network request initiators and more. Get performance insights A wide range of tools to help you measure and optimize different aspects of your runtime performance: the Performance panel, Lighthouse, and more. Performance tool overview Learn about all the features in the Performance panel: how to record a performance trace, how to view and analyze the trace, and more. Learn about the new performance insights, the power of Lighthouse directly in the DevTools Performance panel. News & updates Inspect and edit resources Feature reference Learn about all the features in the Sources panel: how to view and edit files, debug JavaScript, and set up a workspace. Set up a workspace Workspace lets you to save changes that you make within DevTools to source code that's stored on your computer. Learn how to set up a workspace in your own projects. Analyze network activity Network panel Learn about all the features in the Network panel: inspect response and request bodies, overwrite headers, and more. More tools Discover all the other features and capabilities in DevTools. [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]

Markdown

[Skip to main content](https://developer.chrome.com/docs/devtools#main-content) [![Chrome for Developers](https://www.gstatic.com/devrel-devsite/prod/v579073a50c63499824df5a68b8922367066583d283ef78fdade1028efdb4ceb5/chrome/images/lockup.svg)](https://developer.chrome.com/) [Docs](https://developer.chrome.com/docs) - Build with Chrome - Learn how Chrome works, participate in origin trials, and build with Chrome everywhere. - [Web Platform](https://developer.chrome.com/docs/web-platform) - [Capabilities](https://developer.chrome.com/docs/capabilities) - [ChromeDriver](https://developer.chrome.com/docs/chromedriver) - [Extensions](https://developer.chrome.com/docs/extensions) - [Chrome Web Store](https://developer.chrome.com/docs/webstore) - [Chromium](https://developer.chrome.com/docs/chromium) - [Web on Android](https://developer.chrome.com/docs/android) - [Origin trials](https://developer.chrome.com/origintrials/) - [Release notes](https://developer.chrome.com/release-notes) - Productivity - Create the best experience for your users with the web's best tools. - [DevTools](https://developer.chrome.com/docs/devtools) - [Lighthouse](https://developer.chrome.com/docs/lighthouse) - [Chrome UX Report](https://developer.chrome.com/docs/crux) - [Accessibility](https://developer.chrome.com/docs/accessibility) - Get things done quicker and neater, with our ready-made libraries. - [Workbox](https://developer.chrome.com/docs/workbox) - [Puppeteer](https://developer.chrome.com/docs/puppeteer) - Experience - Design a beautiful and performant web with Chrome. - [AI](https://developer.chrome.com/docs/ai) - [Performance](https://developer.chrome.com/docs/performance) - [CSS and UI](https://developer.chrome.com/docs/css-ui) - [Identity](https://developer.chrome.com/docs/identity) - [Payments](https://developer.chrome.com/docs/payments) - [Privacy and security](https://developer.chrome.com/docs/privacy-security) - Resources - More from Chrome and Google. - [All documentation](https://developer.chrome.com/docs) - [Baseline](https://web.dev/baseline) - [web.dev](https://web.dev/) - [PageSpeed Insights audit](https://pagespeed.web.dev/) - [The Privacy Sandbox](https://developers.google.com/privacy-sandbox) - [Isolated Web Apps (IWA)](https://developer.chrome.com/docs/iwa) More [Case studies](https://developer.chrome.com/case-studies) [Blog](https://developer.chrome.com/blog) [New in Chrome](https://developer.chrome.com/new) - [English](https://developer.chrome.com/docs/devtools) - [Deutsch](https://developer.chrome.com/docs/devtools?hl=de) - [Español – América Latina](https://developer.chrome.com/docs/devtools?hl=es-419) - [Français](https://developer.chrome.com/docs/devtools?hl=fr) - [Indonesia](https://developer.chrome.com/docs/devtools?hl=id) - [Italiano](https://developer.chrome.com/docs/devtools?hl=it) - [Nederlands](https://developer.chrome.com/docs/devtools?hl=nl) - [Polski](https://developer.chrome.com/docs/devtools?hl=pl) - [Português – Brasil](https://developer.chrome.com/docs/devtools?hl=pt-br) - [Tiếng Việt](https://developer.chrome.com/docs/devtools?hl=vi) - [Türkçe](https://developer.chrome.com/docs/devtools?hl=tr) - [Русский](https://developer.chrome.com/docs/devtools?hl=ru) - [עברית](https://developer.chrome.com/docs/devtools?hl=he) - [العربيّة](https://developer.chrome.com/docs/devtools?hl=ar) - [فارسی](https://developer.chrome.com/docs/devtools?hl=fa) - [हिंदी](https://developer.chrome.com/docs/devtools?hl=hi) - [বাংলা](https://developer.chrome.com/docs/devtools?hl=bn) - [ภาษาไทย](https://developer.chrome.com/docs/devtools?hl=th) - [中文 – 简体](https://developer.chrome.com/docs/devtools?hl=zh-cn) - [中文 – 繁體](https://developer.chrome.com/docs/devtools?hl=zh-tw) - [日本語](https://developer.chrome.com/docs/devtools?hl=ja) - [한국어](https://developer.chrome.com/docs/devtools?hl=ko) [Sign in](https://developer.chrome.com/_d/signin?continue=https%3A%2F%2Fdeveloper.chrome.com%2Fdocs%2Fdevtools&prompt=select_account) - [Docs](https://developer.chrome.com/docs) - [Chrome DevTools](https://developer.chrome.com/docs/devtools) [DevTools](https://developer.chrome.com/docs/devtools) [Get started](https://developer.chrome.com/docs/devtools/overview) [AI assistance](https://developer.chrome.com/docs/devtools/ai-assistance) - [Overview](https://developer.chrome.com/docs/devtools/ai-assistance) - [Get started](https://developer.chrome.com/docs/devtools/ai-assistance/get-started) - [Chat with AI assistance](https://developer.chrome.com/docs/devtools/ai-assistance/chat) - [Data usage](https://developer.chrome.com/docs/devtools/ai-assistance/data-usage-and-enterprise-controls) [Panels](https://developer.chrome.com/docs/devtools/dom) - Popular - [Elements](https://developer.chrome.com/docs/devtools/elements) - [Console](https://developer.chrome.com/docs/devtools/console) - [Lighthouse](https://developer.chrome.com/docs/devtools/lighthouse) - [Memory](https://developer.chrome.com/docs/devtools/memory) - [Network](https://developer.chrome.com/docs/devtools/network/overview) - [Performance](https://developer.chrome.com/docs/devtools/performance/overview) - [Recorder](https://developer.chrome.com/docs/devtools/recorder/overview) - [Rendering](https://developer.chrome.com/docs/devtools/rendering) - [Security](https://developer.chrome.com/docs/devtools/security) - [Sources](https://developer.chrome.com/docs/devtools/sources) - All - [Autofill](https://developer.chrome.com/docs/devtools/autofill) - [Animations](https://developer.chrome.com/docs/devtools/css/animations) - [Application](https://developer.chrome.com/docs/devtools/application) - [Changes](https://developer.chrome.com/docs/devtools/changes) - [Coverage](https://developer.chrome.com/docs/devtools/coverage) - [CSS overview](https://developer.chrome.com/docs/devtools/css-overview) - [Developer resources](https://developer.chrome.com/docs/devtools/developer-resources) - [Issues](https://developer.chrome.com/docs/devtools/issues) - [Layers](https://developer.chrome.com/docs/devtools/layers) - [Lighthouse](https://developer.chrome.com/docs/devtools/lighthouse) - [Media](https://developer.chrome.com/docs/devtools/media-panel) - [Memory Inspector](https://developer.chrome.com/docs/devtools/memory-inspector) - [Network conditions](https://developer.chrome.com/docs/devtools/device-mode/override-user-agent) - [Request conditions](https://developer.chrome.com/docs/devtools/request-conditions) - [Performance monitor](https://developer.chrome.com/docs/devtools/performance-monitor) - [Protocol monitor](https://developer.chrome.com/docs/devtools/protocol-monitor) - [Quick source](https://developer.chrome.com/docs/devtools/quick-source) - [Sensors](https://developer.chrome.com/docs/devtools/sensors) - [WebAudio](https://developer.chrome.com/docs/devtools/webaudio) - [WebAuthn](https://developer.chrome.com/docs/devtools/webauthn) - [What's new](https://developer.chrome.com/docs/devtools/whats-new) [Settings](https://developer.chrome.com/docs/devtools/settings) [Accessibility](https://developer.chrome.com/docs/devtools/accessibility/reference) More [![Chrome for Developers](https://www.gstatic.com/devrel-devsite/prod/v579073a50c63499824df5a68b8922367066583d283ef78fdade1028efdb4ceb5/chrome/images/lockup.svg)](https://developer.chrome.com/) - [Docs](https://developer.chrome.com/docs) - More - [DevTools](https://developer.chrome.com/docs/devtools) - [Get started](https://developer.chrome.com/docs/devtools/overview) - [AI assistance](https://developer.chrome.com/docs/devtools/ai-assistance) - More - [Panels](https://developer.chrome.com/docs/devtools/dom) - More - [Settings](https://developer.chrome.com/docs/devtools/settings) - [Accessibility](https://developer.chrome.com/docs/devtools/accessibility/reference) - [Case studies](https://developer.chrome.com/case-studies) - [Blog](https://developer.chrome.com/blog) - [New in Chrome](https://developer.chrome.com/new) - Build with Chrome - [Web Platform](https://developer.chrome.com/docs/web-platform) - [Capabilities](https://developer.chrome.com/docs/capabilities) - [ChromeDriver](https://developer.chrome.com/docs/chromedriver) - [Extensions](https://developer.chrome.com/docs/extensions) - [Chrome Web Store](https://developer.chrome.com/docs/webstore) - [Chromium](https://developer.chrome.com/docs/chromium) - [Web on Android](https://developer.chrome.com/docs/android) - [Origin trials](https://developer.chrome.com/origintrials/) - [Release notes](https://developer.chrome.com/release-notes) - Productivity - [DevTools](https://developer.chrome.com/docs/devtools) - [Lighthouse](https://developer.chrome.com/docs/lighthouse) - [Chrome UX Report](https://developer.chrome.com/docs/crux) - [Accessibility](https://developer.chrome.com/docs/accessibility) - [Workbox](https://developer.chrome.com/docs/workbox) - [Puppeteer](https://developer.chrome.com/docs/puppeteer) - Experience - [AI](https://developer.chrome.com/docs/ai) - [Performance](https://developer.chrome.com/docs/performance) - [CSS and UI](https://developer.chrome.com/docs/css-ui) - [Identity](https://developer.chrome.com/docs/identity) - [Payments](https://developer.chrome.com/docs/payments) - [Privacy and security](https://developer.chrome.com/docs/privacy-security) - Resources - [All documentation](https://developer.chrome.com/docs) - [Baseline](https://web.dev/baseline) - [web.dev](https://web.dev/) - [PageSpeed Insights audit](https://pagespeed.web.dev/) - [The Privacy Sandbox](https://developers.google.com/privacy-sandbox) - [Isolated Web Apps (IWA)](https://developer.chrome.com/docs/iwa) - [Overview](https://developer.chrome.com/docs/devtools/ai-assistance) - [Get started](https://developer.chrome.com/docs/devtools/ai-assistance/get-started) - [Chat with AI assistance](https://developer.chrome.com/docs/devtools/ai-assistance/chat) - [Data usage](https://developer.chrome.com/docs/devtools/ai-assistance/data-usage-and-enterprise-controls) - Popular - [Elements](https://developer.chrome.com/docs/devtools/elements) - [Console](https://developer.chrome.com/docs/devtools/console) - [Lighthouse](https://developer.chrome.com/docs/devtools/lighthouse) - [Memory](https://developer.chrome.com/docs/devtools/memory) - [Network](https://developer.chrome.com/docs/devtools/network/overview) - [Performance](https://developer.chrome.com/docs/devtools/performance/overview) - [Recorder](https://developer.chrome.com/docs/devtools/recorder/overview) - [Rendering](https://developer.chrome.com/docs/devtools/rendering) - [Security](https://developer.chrome.com/docs/devtools/security) - [Sources](https://developer.chrome.com/docs/devtools/sources) - All - [Autofill](https://developer.chrome.com/docs/devtools/autofill) - [Animations](https://developer.chrome.com/docs/devtools/css/animations) - [Application](https://developer.chrome.com/docs/devtools/application) - [Changes](https://developer.chrome.com/docs/devtools/changes) - [Coverage](https://developer.chrome.com/docs/devtools/coverage) - [CSS overview](https://developer.chrome.com/docs/devtools/css-overview) - [Developer resources](https://developer.chrome.com/docs/devtools/developer-resources) - [Issues](https://developer.chrome.com/docs/devtools/issues) - [Layers](https://developer.chrome.com/docs/devtools/layers) - [Lighthouse](https://developer.chrome.com/docs/devtools/lighthouse) - [Media](https://developer.chrome.com/docs/devtools/media-panel) - [Memory Inspector](https://developer.chrome.com/docs/devtools/memory-inspector) - [Network conditions](https://developer.chrome.com/docs/devtools/device-mode/override-user-agent) - [Request conditions](https://developer.chrome.com/docs/devtools/request-conditions) - [Performance monitor](https://developer.chrome.com/docs/devtools/performance-monitor) - [Protocol monitor](https://developer.chrome.com/docs/devtools/protocol-monitor) - [Quick source](https://developer.chrome.com/docs/devtools/quick-source) - [Sensors](https://developer.chrome.com/docs/devtools/sensors) - [WebAudio](https://developer.chrome.com/docs/devtools/webaudio) - [WebAuthn](https://developer.chrome.com/docs/devtools/webauthn) - [What's new](https://developer.chrome.com/docs/devtools/whats-new) - [Home](https://developer.chrome.com/) - [Docs](https://developer.chrome.com/docs) - [Chrome DevTools](https://developer.chrome.com/docs/devtools) ### DevTools Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster. [Get started](https://developer.chrome.com/docs/devtools/overview) [Release notes](https://developer.chrome.com/docs/devtools/release-notes) ## Debug with AI Explore how [AI innovations](https://developer.chrome.com/docs/devtools/settings/ai-innovations) in DevTools let you do more, faster. Use the [Chrome DevTools MCP](https://github.com/ChromeDevTools/chrome-devtools-mcp) to connect the power of DevTools to your favorite coding agents. ### [AI innovations](https://developer.chrome.com/docs/devtools/ai-assistance) Let Gemini help you analyze and improve your website's styling, network, sources, and performance. Get help with console errors, and code suggestions in the Console and Sources panels. [Explore AI innovations](https://developer.chrome.com/docs/devtools/ai-assistance) ### [DevTools MCP](https://github.com/ChromeDevTools/chrome-devtools-mcp) Give your coding agents the same trusted tools you use to inspect network activity, record traces, and troubleshoot web applications, within your AI workflow. Connect the **Chrome DevTools MCP** (Model Context Protocol) server to your tool of choice: Gemini CLI, Claude Code, Cline, Copilot, and more. [Learn more on GitHub](https://github.com/ChromeDevTools/chrome-devtools-mcp) [![](https://developer.chrome.com/static/docs/devtools/images/lp-hero-performance.jpg)](https://developer.chrome.com/docs/devtools#performance) ### [Understand performance](https://developer.chrome.com/docs/devtools#performance) Get a comprehensive and actionable view of your page's performance. [![](https://developer.chrome.com/static/docs/devtools/images/lp-hero-sources.jpg)](https://developer.chrome.com/docs/devtools#sources) ### [Inspect resources](https://developer.chrome.com/docs/devtools#sources) Learn how to inspect resources loaded by your page and edit them from your browser. [![](https://developer.chrome.com/static/docs/devtools/images/lp-hero-network.jpg)](https://developer.chrome.com/docs/devtools#network) ### [Analyze network](https://developer.chrome.com/docs/devtools#network) Analyze and overwrite network requests and responses on the fly. ## Developer Tooling Tips Explore our monthly video series taking you through common debugging scenarios in DevTools in a playful way. ### Performance optimization Pitstop Get a tour through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and how to get tailored advice from Gemini. ### Pixel Pirate Set sail with DevTools and become a debugging pirate! Discover techniques for emulating focus styles, testing forms with autofill, and resolving backend errors with network overrides. ### AI innovations Explore the power of Al-assisted debugging with Chrome DevTools! Discover how Console Insights, Al assistance for styling, performance, network, and sources can supercharge your workflow. ### Advanced Network Analysis with Chrome DevTools Explore advanced Network panel techniques, including how to find performance bottlenecks, debug popups, configure network conditions, use shortcuts to determine network request initiators and more. ## Get performance insights A wide range of tools to help you measure and optimize different aspects of your runtime performance: the Performance panel, Lighthouse, and more. [![](https://developer.chrome.com/static/docs/devtools/images/lp-hero-performance.jpg)](https://developer.chrome.com/docs/devtools/performance/overview) ### [Performance tool overview](https://developer.chrome.com/docs/devtools/performance/overview) Learn about all the features in the Performance panel: how to record a performance trace, how to view and analyze the trace, and more. [![](https://developer.chrome.com/static/blog/devtools-grounded-real-world/images/hero.png)](https://developer.chrome.com/blog/devtools-grounded-real-world) ### [Monitor your local and real-user Core Web Vitals performance in DevTools](https://developer.chrome.com/blog/devtools-grounded-real-world) Learn about new DevTools features like CPU throttling calibration to help you base your performance debugging decisions on data from the real world [![](https://developer.chrome.com/static/blog/devtools-insights-sidebar/images/hero.png)](https://developer.chrome.com/blog/devtools-insights-sidebar) ### [Insights sidebar in the DevTools Performance panel](https://developer.chrome.com/blog/devtools-insights-sidebar) Learn about the new performance insights, the power of Lighthouse directly in the DevTools Performance panel. ## News & updates [![](https://developer.chrome.com/static/blog/new-in-devtools-147/images/thumbnail.jpg)](https://developer.chrome.com/blog/new-in-devtools-147?hl=en) [What's new in DevTools (Chrome 147)](https://developer.chrome.com/blog/new-in-devtools-147?hl=en) Updated April 7, 2026 Automatic context switching for AI assistance, Updates for DevTools for agents, and code completion for Console and Sources panels. [![](https://developer.chrome.com/static/blog/new-in-devtools-146/images/thumbnail.png)](https://developer.chrome.com/blog/new-in-devtools-146?hl=en) [What's new in DevTools (Chrome 146)](https://developer.chrome.com/blog/new-in-devtools-146?hl=en) Updated March 10, 2026 Adopted Style Sheets, Console history, and DevTools MCP with --slim mode, memory snapshots, and new A11y/LCP skills. [![](https://developer.chrome.com/static/blog/new-in-devtools-145/images/hero.png)](https://developer.chrome.com/blog/new-in-devtools-145?hl=en) [What's new in DevTools (Chrome 145)](https://developer.chrome.com/blog/new-in-devtools-145?hl=en) Updated February 16, 2026 Auto-connect and emulation for Chrome DevTools MCP, soft navigation traces, precise line-level profiling, and a render-blocking network column [![](https://developer.chrome.com/static/blog/designing-devtools-efficient-token-usage/image/thumbnail.png)](https://developer.chrome.com/blog/designing-devtools-efficient-token-usage?hl=en) [Designing DevTools: Efficient token usage in AI assistance](https://developer.chrome.com/blog/designing-devtools-efficient-token-usage?hl=en) Updated January 30, 2026 Learn how the Chrome Tooling team optimized token usage for AI assistance, and discover techniques for more efficient data usage with LLMs. [![](https://developer.chrome.com/static/blog/new-in-devtools-144/image/thumbnail.jpg)](https://developer.chrome.com/blog/new-in-devtools-144?hl=en) [What's new in DevTools, Chrome 144](https://developer.chrome.com/blog/new-in-devtools-144?hl=en) Updated January 6, 2026 Chrome DevTools MCP server, individual request throttling, adopted stylesheets and 2025 highlights. [![](https://developer.chrome.com/static/blog/chrome-devtools-mcp-debug-your-browser-session/image/hero.png)](https://developer.chrome.com/blog/chrome-devtools-mcp-debug-your-browser-session?hl=en) [Let your Coding Agent debug your browser session with Chrome DevTools MCP](https://developer.chrome.com/blog/chrome-devtools-mcp-debug-your-browser-session?hl=en) Updated December 16, 2025 We shipped a new feature to the Chrome DevTools MCP server that is going to make it a lot easier for your coding agent to debug your current browser sessions. [![](https://developer.chrome.com/static/blog/new-in-devtools-143/image/thumbnail.jpg)](https://developer.chrome.com/blog/new-in-devtools-143?hl=en) [What's new in DevTools, Chrome 143](https://developer.chrome.com/blog/new-in-devtools-143?hl=en) Updated December 5, 2025 Chrome DevTools MCP server v0.11.0, improved trace sharing, @starting-style support, masonry editor, and Lighthouse 13. [![](https://developer.chrome.com/static/blog/new-in-devtools-142/image/thumbnail.jpg)](https://developer.chrome.com/blog/new-in-devtools-142?hl=en) [What's new in DevTools, Chrome 142](https://developer.chrome.com/blog/new-in-devtools-142?hl=en) Updated October 28, 2025 Code suggestions in Console and Sources, full performance trace debugging with Gemini, toggle drawer orientation, DevTools MCP server updates, and more. [![](https://developer.chrome.com/static/blog/devtools-deprecates-live-editing/image/thumbnail.jpg)](https://developer.chrome.com/blog/devtools-deprecates-live-editing?hl=en) [Deprecating live editing of JavaScript sources in Chrome DevTools](https://developer.chrome.com/blog/devtools-deprecates-live-editing?hl=en) Updated October 22, 2025 Chrome DevTools removes live editing in Chrome 145 (Feb 2026) due to low use and modern alternatives like Hot Module Replacement (HMR). expand\_lessLess Moreexpand\_more ## Inspect and edit resources [![](https://developer.chrome.com/static/docs/devtools/images/lp-hero-sources.jpg)](https://developer.chrome.com/docs/devtools/sources) ### [Feature reference](https://developer.chrome.com/docs/devtools/sources) Learn about all the features in the Sources panel: how to view and edit files, debug JavaScript, and set up a workspace. [Get started](https://developer.chrome.com/docs/devtools/sources) ### [Set up a workspace](https://developer.chrome.com/docs/devtools/workspaces) Workspace lets you to save changes that you make within DevTools to source code that's stored on your computer. Learn how to set up a workspace in your own projects. [Read tutorial](https://developer.chrome.com/docs/devtools/workspaces) ## Analyze network activity [![](https://developer.chrome.com/static/docs/devtools/images/lp-hero-network.jpg)](https://developer.chrome.com/docs/devtools/network/overview) ### [Network panel](https://developer.chrome.com/docs/devtools/network/overview) Learn about all the features in the Network panel: inspect response and request bodies, overwrite headers, and more. [Get started](https://developer.chrome.com/docs/devtools/network/overview) ### [Inspect network activity](https://developer.chrome.com/docs/devtools/network) A hands-on tutorial to guide you through common tasks inside the Network panel. [Read tutorial](https://developer.chrome.com/docs/devtools/network) ## More tools Discover all the other features and capabilities in DevTools. ### [Elements](https://developer.chrome.com/docs/devtools/dom) Learn how to view and change a page's DOM. ### [Styles](https://developer.chrome.com/docs/devtools/css) Learn how to view and change a page's CSS. ### [Changes](https://developer.chrome.com/docs/devtools/changes) Track changes to HTML, CSS, and JavaScript. ### [Console](https://developer.chrome.com/docs/devtools/console) Log messages and run JavaScript. ### [Performance](https://developer.chrome.com/docs/devtools/performance/overview) Evaluate website performance. ### [Memory](https://developer.chrome.com/docs/devtools/memory) Find memory issues that affect page performance, including memory leaks, and more. ### [Application](https://developer.chrome.com/docs/devtools/progressive-web-apps) Inspect, modify, and debug web apps, test cache, view storage, and more. ### [Animations](https://developer.chrome.com/docs/devtools/animations) Inspect and modify animations. ### [Recorder](https://developer.chrome.com/docs/devtools/recorder/overview) Record, replay, measure user flows, and edit their steps. ### [Rendering](https://developer.chrome.com/docs/devtools/rendering) Discover a collection of options that affect web content rendering. ### [Autofill](https://developer.chrome.com/docs/devtools/autofill) Inspect and debug saved addresses. ### [Issues](https://developer.chrome.com/docs/devtools/issues) Find and fix problems with your website. ### [Privacy & Security](https://developer.chrome.com/docs/devtools/security) Make sure that a page is fully protected by HTTPS. ### [Media](https://developer.chrome.com/docs/devtools/media-panel) View information and debug media players per browser tab. ### [Sensors](https://developer.chrome.com/docs/devtools/sensors) Emulate device sensors. ### [WebAuthn](https://developer.chrome.com/docs/devtools/webauthn) Emulate authenticators. - ### Contribute - [File a bug](https://issuetracker.google.com/issues/new?component=1400036&template=1897236) - [See open issues](https://issuetracker.google.com/issues?q=status:open%20componentid:1400036&s=created_time:desc) - ### Related content - [Chromium updates](https://blog.chromium.org/) - [Case studies](https://developer.chrome.com/case-studies) - [Archive](https://developer.chrome.com/deprecated) - [Podcasts & shows](https://web.dev/shows) - ### Follow - [@ChromiumDev on X](https://twitter.com/ChromiumDev) - [YouTube](https://www.youtube.com/user/ChromeDevelopers) - [Chrome for Developers on LinkedIn](https://www.linkedin.com/showcase/chrome-for-developers) - [RSS](https://developer.chrome.com/static/blog/feed.xml) - [Terms](https://policies.google.com/terms) - [Privacy](https://policies.google.com/privacy) - [Manage cookies](https://developer.chrome.com/docs/devtools) - [English](https://developer.chrome.com/docs/devtools) - [Deutsch](https://developer.chrome.com/docs/devtools?hl=de) - [Español – América Latina](https://developer.chrome.com/docs/devtools?hl=es-419) - [Français](https://developer.chrome.com/docs/devtools?hl=fr) - [Indonesia](https://developer.chrome.com/docs/devtools?hl=id) - [Italiano](https://developer.chrome.com/docs/devtools?hl=it) - [Nederlands](https://developer.chrome.com/docs/devtools?hl=nl) - [Polski](https://developer.chrome.com/docs/devtools?hl=pl) - [Português – Brasil](https://developer.chrome.com/docs/devtools?hl=pt-br) - [Tiếng Việt](https://developer.chrome.com/docs/devtools?hl=vi) - [Türkçe](https://developer.chrome.com/docs/devtools?hl=tr) - [Русский](https://developer.chrome.com/docs/devtools?hl=ru) - [עברית](https://developer.chrome.com/docs/devtools?hl=he) - [العربيّة](https://developer.chrome.com/docs/devtools?hl=ar) - [فارسی](https://developer.chrome.com/docs/devtools?hl=fa) - [हिंदी](https://developer.chrome.com/docs/devtools?hl=hi) - [বাংলা](https://developer.chrome.com/docs/devtools?hl=bn) - [ภาษาไทย](https://developer.chrome.com/docs/devtools?hl=th) - [中文 – 简体](https://developer.chrome.com/docs/devtools?hl=zh-cn) - [中文 – 繁體](https://developer.chrome.com/docs/devtools?hl=zh-tw) - [日本語](https://developer.chrome.com/docs/devtools?hl=ja) - [한국어](https://developer.chrome.com/docs/devtools?hl=ko)

Readable Markdown

[Skip to main content](https://developer.chrome.com/docs/devtools#main-content) ### DevTools Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools lets you edit pages on-the-fly and diagnose problems quickly, which helps you build better websites, faster. ## Debug with AI Explore how [AI innovations](https://developer.chrome.com/docs/devtools/settings/ai-innovations) in DevTools let you do more, faster. Use the [Chrome DevTools MCP](https://github.com/ChromeDevTools/chrome-devtools-mcp) to connect the power of DevTools to your favorite coding agents. ### [AI innovations](https://developer.chrome.com/docs/devtools/ai-assistance) Let Gemini help you analyze and improve your website's styling, network, sources, and performance. Get help with console errors, and code suggestions in the Console and Sources panels. ### [DevTools MCP](https://github.com/ChromeDevTools/chrome-devtools-mcp) Give your coding agents the same trusted tools you use to inspect network activity, record traces, and troubleshoot web applications, within your AI workflow. Connect the **Chrome DevTools MCP** (Model Context Protocol) server to your tool of choice: Gemini CLI, Claude Code, Cline, Copilot, and more. ### [Understand performance](https://developer.chrome.com/docs/devtools#performance) Get a comprehensive and actionable view of your page's performance. ### [Inspect resources](https://developer.chrome.com/docs/devtools#sources) Learn how to inspect resources loaded by your page and edit them from your browser. ### [Analyze network](https://developer.chrome.com/docs/devtools#network) Analyze and overwrite network requests and responses on the fly. ## Developer Tooling Tips Explore our monthly video series taking you through common debugging scenarios in DevTools in a playful way. ### Performance optimization Pitstop Get a tour through the updated Performance panel, showing you how to measure Core Web Vitals (LCP, CLS, INP) and how to get tailored advice from Gemini. ### Pixel Pirate Set sail with DevTools and become a debugging pirate! Discover techniques for emulating focus styles, testing forms with autofill, and resolving backend errors with network overrides. ### AI innovations Explore the power of Al-assisted debugging with Chrome DevTools! Discover how Console Insights, Al assistance for styling, performance, network, and sources can supercharge your workflow. ### Advanced Network Analysis with Chrome DevTools Explore advanced Network panel techniques, including how to find performance bottlenecks, debug popups, configure network conditions, use shortcuts to determine network request initiators and more. ## Get performance insights A wide range of tools to help you measure and optimize different aspects of your runtime performance: the Performance panel, Lighthouse, and more. ### [Performance tool overview](https://developer.chrome.com/docs/devtools/performance/overview) Learn about all the features in the Performance panel: how to record a performance trace, how to view and analyze the trace, and more. Learn about the new performance insights, the power of Lighthouse directly in the DevTools Performance panel. News & updates Inspect and edit resources ### [Feature reference](https://developer.chrome.com/docs/devtools/sources) Learn about all the features in the Sources panel: how to view and edit files, debug JavaScript, and set up a workspace. ### [Set up a workspace](https://developer.chrome.com/docs/devtools/workspaces) Workspace lets you to save changes that you make within DevTools to source code that's stored on your computer. Learn how to set up a workspace in your own projects. Analyze network activity ### [Network panel](https://developer.chrome.com/docs/devtools/network/overview) Learn about all the features in the Network panel: inspect response and request bodies, overwrite headers, and more. ## More tools Discover all the other features and capabilities in DevTools.

ML Classification

ML Categories

/Computers_and_Electronics		91.7%
/Computers_and_Electronics/Software		87.7%
/Computers_and_Electronics/Software/Software_Utilities		73.5%
/Internet_and_Telecom		44.8%
/Internet_and_Telecom/Web_Services		44.6%
/Internet_and_Telecom/Web_Services/Web_Design_and_Development		43.6%

Raw JSON

{
    "/Computers_and_Electronics": 917,
    "/Computers_and_Electronics/Software": 877,
    "/Computers_and_Electronics/Software/Software_Utilities": 735,
    "/Internet_and_Telecom": 448,
    "/Internet_and_Telecom/Web_Services": 446,
    "/Internet_and_Telecom/Web_Services/Web_Design_and_Development": 436
}

ML Page Types

/Core_Page		64.6%
/Core_Page/Services_Page		61.5%

Raw JSON

{
    "/Core_Page": 646,
    "/Core_Page/Services_Page": 615
}

ML Intent Types

Informational		98.4%
Commercial		14.7%

Raw JSON

{
    "Informational": 984,
    "Commercial": 147
}

Content Metadata

Language

Author

null

Publish Time

not set

Original Publish Time

2021-03-23 16:10:17 (5 years ago)

Republished

Word Count (Total)

1,406

Word Count (Content)

510

Links

External Links

Internal Links

118

Technical SEO

Meta Nofollow

Meta Noarchive

JS Rendered

Yes

Redirect Target

null

Performance

Download Time (ms)

643

TTFB (ms)

629

Download Size (bytes)

25,553

Shard

183 (laksa)

Root Hash

2030795384926181183

Unparsed URL

com,chrome!developer,/docs/devtools s443