AI assistance
Supercharge your development workflow with Gemini integrated directly into Chrome DevTools. Streamline debugging with AI assistance for styling, performance, network and sources.
Run first prompts
Get the feeling of Gemini in Chrome DevTools by running the example prompts in the interactive tutorial below.
What can AI assistance help you with
Fix styling bugs
Styling issues can be difficult to debug. Get a detailed explanation of your element's styles and get help in fixing layout and styling bugs:
Can you center this element?
Analyze network requests
Request and response headers often contain important information not obvious at a glance. Use AI assistance to dig in:
Why does this request fail?
Understand source files
It's rare you wrote all the code on your website - not sure what a certain script is used for? AI assistance can help:
What is this file used for?
Investigate page performance
Poor core web vitals? Finding the root cause for a sluggish website can be difficult. AI assistance can investigate and propose solutions for you:
Help me optimize my LCP score