Quando o painel de desenvolvimento do Chrome é colocado em um dos lados da tela e não é muito largo, o painel fica assim:
Eu particularmente gosto de como o painel Styles e o painel Computed estão lado a lado. Por exemplo, isso torna muito fácil verificar se meu CSS foi aplicado corretamente.
No entanto, às vezes desejo ter um amplo painel de desenvolvimento para abrigar mais conteúdo. O problema é que, quando arrasto o painel de desenvolvimento um pouco mais largo, acontece o seguinte:
Como você pode ver, os painéis Styles e Computed tornam-se duas guias no mesmo painel, e muitas vezes me pego alternando para frente e para trás - uma inconveniência irritante em resumo.
Então minha pergunta é simplesmente
Existe alguma maneira de reorganizar esses painéis manualmente?
Ou, alternativamente, posso convencer o Chrome a continuar usando o "layout estreito", independentemente da largura do painel de desenvolvimento?
Usando
Cromo 79
Windows 10 Pro N 1909 e CentOS 7 1908
Acidentalmente encontrei a solução hoje.
No Chrome 83 (não tenho certeza sobre o suporte para versões anteriores) ,
Dev Panel>>Settings> .PreferencesPanel Layout := HorizontalIsso força o painel de desenvolvimento a adotar o primeiro tipo de layout independentemente de sua largura.