Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Fixing tab spacing on chrome dev tools

Is there a way to autofix the indentation on the new chrome dev tools when the source files are attached to the local files?

I just started using it instead of komodo as my default editor. Something like control + E, control + D in visual studio

like image 781
ford prefect Avatar asked Nov 21 '13 21:11

ford prefect


People also ask

How do I check padding in Chrome?

Show sidebar button in the action bar on the Styles pane. In the Box Model diagram in the Styles pane, hover over padding. The element's padding is highlighted in the viewport.

How do I change the layout of inspect element?

Click the menu bar in the top right corner. Goto settings => preferences. Under the appearance setting there is an option called panel layout which allows you to change the layout.


2 Answers

Update: the setting now falls under

Chrome Dev Tools -> Settings -> Preferences -> Sources -> Default indendtation

like image 114
brant Avatar answered Sep 16 '22 14:09

brant


It is now... yay!

Chrome Dev Tools -> Settings -> General -> Default Indentation

enter image description here

May need a restart.

like image 36
jx12345 Avatar answered Sep 17 '22 14:09

jx12345