手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Google Chrome浏览器如何设置开发者工具的位置

时间:2024-10-12 03:42:35

1、打开chrome浏览器,右键选择"检查(N)" ,见下图;

Google Chrome浏览器如何设置开发者工具的位置

2、打开开发者工具,默认是停靠在右侧,见下图;

Google Chrome浏览器如何设置开发者工具的位置

3、我们可以按照自己的喜好进行设置,点击由3个竖点组成的按钮,见下图;

Google Chrome浏览器如何设置开发者工具的位置

4、可以看到第一条Dock side,有4个选项,第1个代表独立显示在页面上层,后面3个分别代表左侧、下方、右侧,分别设置看一下具体的效果;

5、点击第一个,独立显示在页面上层,查看效果图,见下图;

Google Chrome浏览器如何设置开发者工具的位置

6、点击第二个,显示在页面左侧,查看效果图,见下图

Google Chrome浏览器如何设置开发者工具的位置

7、点击第三个,显示在页面下方,查看效果图,见下图;一般情况下,大多数会选择放在下方;

Google Chrome浏览器如何设置开发者工具的位置
© 手抄报圈