打开chrome浏览器，在页面的右上角找到三个竖点组成的菜单按钮并点击。从弹出的下拉菜单里选择“更多工具”，接着在展开的子菜单中点击“开发者工具”，这样就能打开开发者工具界面了。

进入开发者工具界面后，可以看到它默认显示的是“元素”面板，若要调整界面布局，先点击界面右上角的设置图标，也就是那个由三个横杠组成的按钮。

在弹出的设置菜单里，能对开发者工具的各个面板进行重新排列。比如，可以勾选或者取消勾选相应的面板，让它们在界面上显示或隐藏。还能通过拖动面板边缘来改变它们的大小，把常用的面板调大些，不常用的调小些，方便查看内容。

要是觉得默认的主题颜色太单调，也能在设置菜单里切换主题。有浅色和深色等多种主题可供选择，根据个人喜好选一个合适的就行。

另外，在设置菜单里还有字体大小等其他显示相关的设置选项。可以根据自己的视力情况，适当增大或减小字体大小，让代码等内容更清晰易读。

调整好这些设置后，点击设置菜单外的空白处，就能保存设置并关闭设置菜单了。之后，开发者工具界面就会按照刚才的设置进行调整，方便后续的开发调试等工作。