Use Gemini to Understand Errors with Google Chrome Dev Tools

0xkoji - Jun 3 - - Dev Community

requirement

Google Chrome version 125+

Settings

Check Understand console messages with AI

Image description

Try Gemini

https://bubble-jingle.web.app/search

  1. open Devtools-console
  2. click text input
  3. click the light icon

Image description

In the first time, you will see the following messages

Image description

Image description

Image description

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .