What for are options in Google Chrome?

Working/Debugging in php/js/vuejs apps in Google Chrome
Version 100.0.4896.75 (Official Build) (64-bit) I have a lot of options in my browser :

I use some of them, but I wander can other options be usefull?
Some points are clear, but what for “Preserve log”, “No throttling”, “More network conditions”, “…har file”,
“Create live expression” , “Eager evaluation” , “Evaluate triggers…” ?


Are you asking about what the different settings/options in Google Chrome’s DevTools do?

Google Chrome offers a lot of features, that are best looked into individually as Google provides extensive documentation on its devtools:

I personally only set dark mode, and disable caching when devtools are open. Sometimes if pages change too quickly due to a redirect, turning on “preserve log” is helpful in debugging, but thats about it. Most of the options are “advanced” and could be toggled on and off depending on what your doing but oftentimes you wont need them.

On the flip side, the DevTools provides a lot of tooling to help you debug your own code in a multitude of ways, so I highly recommended learning more about what tools lay at your disposal that you can just use as well.

The Chrome dev tools docs linked to are good, you should be able to find the information you need.

As said, a lot of the settings/options are useful for specific cases and not something you always need, the defaults are pretty good. One thing that can help when doing debugging is the ignore list (I seem to remember it used to be called blackbox or something like that).

There are some nice videos on YouTube about the dev tools that are worth checking out.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.