Chrome Dev Tools – AI Assist

Chrome Dev Tools – AI Assist

Ever found yourself looking at the console in Chrome Dev tools and wondering “what in the world does that mean?” If so, then this post is for you! Now, without having to pop back and forth between a search engine (or your favorite AI tool) to figure out errors, Google has brough Gemini right to Chrome Dev tools.

This post is going to just be a short how to for enabling and using the new AI assist feature within Chrome Dev Tools.

How to Enable AI Assist in Chrome Dev


First, Chrome has to be version 125 or newer. 

checking chrome version

Next, just navigate really anywhere and open the dev tools. (F12 on Windows or Ctrl + Shift + I or More Tools > Dev Tools)

Even just navigating to, I get a few errors in the console.

google search engine with errors in console

I wonder what these mean?

The next step is to enable the AI assist.

Gear -> Preferences -> Console -> “Understand console messages with AI”

pointing at the settings gear in chrome dev console

and then:

enable AI assist in chrome dev

For me, at this point I did have to reload the browser. Not sure if that was just because I needed an update or not. Regardless, now I have access to the AI assist!

Chrome Dev Tools: AI Assist in Action

Navigating back to Google and opening Console under dev tools, I see the errors. Now, when I hover over the error I get a litte assist icon:

ai assist icon within chrome dev

When you hover the mouse over the actual icon, it looks like this:

ai assist icon hover within chrome dev

So, let’s understand this error! After clicking, on the first use you do get a privacy notice.

I next, check the box, agree and now I have an explaination!

Wicked cool!

Leave a Reply