Google chrome 定义Chrome DevTools窗口的默认宽度

是否有办法为chrome提供devtools窗口的默认宽度。现在，当我启动chrome并打开DevTools时，它占用了大约一半的窗口宽度。理想情况下，我会做类似的事情

$> /Applications/Google Chrome.app/Contents/MacOS/"Google Chrome" 
      --devtools-width=300

告诉它宽度是多少

为了提供一点上下文，我正在运行puppeter，在我的例子中，它在启动浏览器时打开DevTools。但它对我来说太宽了，我每次都需要调整它的大小。以下是我的配置：

await puppeteer.launch({
        headless: false,
        devtools: true,
        defaultViewport: null,
        executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
        args: [
            '--debug-devtools',
            '--no-sandbox',
            '--disable-setuid-sandbox',
            '--disable-web-security',
            '--allow-running-insecure-content',
            '--disable-notifications',
            '--window-size=1920,1080'
        ]
    });

但我认为这不是一个木偶演员的问题

使用并指定

splitViewState

package.json依赖项：

“木偶演员”：“^1.20.0”，
“额外木偶演员”：“^2.1.3”，
“Puppeter额外插件用户数据目录”：“^2.1.2”，
“Puppeter附加插件用户首选项”：“^2.1.2”

用法：

const puppeter=require（'puppeter-extra'）；
const ppUserPrefs=require（'puppeter-extra-plugin-user-preferences'）；
木偶演员。使用（ppUserPrefs）({
userPrefs:{
开发工具：{
首选项：{
“InspectorView.splitViewState”：JSON.stringify({
垂直：{size:300}，
水平：{size:0}，
}),
乌瑟姆：“‘黑暗’”，
},
},
},
}));
木偶演员({
无头：错，
devtools：没错，
defaultViewport:null，
args：[
“--窗口大小=19201080”，
],
});

---

另外，要查看完整列表，请在浏览器配置文件目录中复制粘贴您的

首选项

的内容，并使用任何JSON美化器对其进行格式化，然后查找

devtools

和

首选项

内部。

谢谢。你有没有一个链接可以解释这一切？我自己通过检查prefs文件找到了这个链接。我可以想象，使用这种方法，也可以选择激活哪个选项卡。现在它总是

元素

选项卡，但是您现在知道如何默认启用

控制台

了吗？我在我的prefs文件

中看到了“panel-selectedTab”：“Console”

我尝试在几个地方添加

“panel-selectedTab”：“Console”

，但没有成功。在

devtools/preferences

部分的某个地方，我应该把它放在哪里？