Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to edit/reset Chrome DevTools settings manually on disk?

In Chrome 44 there is a new DevTools experiment called "Material design" (you have to enable DevTools experiments and then do the 6 shift presses).

After enabling that experiment, DevTools does not open anymore. I tried different ways of starting it (including chrome://inspect) but to no avail.
It actually does open as I can see the DevTools URL in chrome://inspect/#other

But the panel does not show up.

So I have no way to disable that particular experiments through the UI.
What I can do is to disable all DevTools experiments with chrome://flags/#enable-devtools-experiments, and after that DevTools works normally again. But then I have no way to enable the other experiments that I do want.

Is there a way to manually edit DevTools settings in some file?

like image 517
GetFree Avatar asked Dec 25 '22 16:12

GetFree


2 Answers

Here are some quick steps that should work:

  1. Disable experiments and open DevTools.
  2. Pop DevTools out into its own window (long press the dock to bottom button and select pop out.)
  3. With the DevTools window focused, inspect it (Ctrl + Shift +I).
  4. Go to resources > localstorage. Then to chrome-devtools://devtools
  5. Delete the experiments key.
  6. Re-enable experiments.
like image 97
Garbee Avatar answered Jan 26 '23 00:01

Garbee


  1. Open dev tools with Ctrl + Shift + I.
  2. Click Customize icon (three dots) on upper right.
  3. Click Settings.
  4. Click 'Restore defaults and reload' button on lower right corner.
like image 41
jeanl Avatar answered Jan 25 '23 23:01

jeanl