google-chrome - 定义 Chrome DevTools 窗口的默认宽度
问题描述
有没有办法为 chrome 提供 devtools 窗口的默认宽度。就像现在一样,当我启动 chrome 并打开 DevTools 时,它需要大约一半的窗口宽度。理想情况下,我会做类似的事情
$> /Applications/Google Chrome.app/Contents/MacOS/"Google Chrome"
--devtools-width=300
并告诉它宽度是多少。
为了提供一些上下文,我正在运行 Puppeteer,就我而言,它在启动浏览器时会打开 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'
]
});
但我认为这不是一个木偶问题。
解决方案
将puppeteer-extra与puppeteer-extra-plugin-user-preferences一起使用并指定splitViewState
.
package.json 依赖:
"puppeteer": "^1.20.0",
"puppeteer-extra": "^2.1.3",
"puppeteer-extra-plugin-user-data-dir": "^2.1.2",
"puppeteer-extra-plugin-user-preferences": "^2.1.2"
用法:
const puppeteer = require('puppeteer-extra');
const ppUserPrefs = require('puppeteer-extra-plugin-user-preferences');
puppeteer.use(ppUserPrefs({
userPrefs: {
devtools: {
preferences: {
'InspectorView.splitViewState': JSON.stringify({
vertical: {size: 300},
horizontal: {size: 0},
}),
uiTheme: '"dark"',
},
},
},
}));
puppeteer.launch({
headless: false,
devtools: true,
defaultViewport: null,
args: [
'--window-size=1920,1080',
],
});
PS 查看完整列表,将您的内容复制粘贴到浏览器配置文件目录中,并Preferences
使用任何 JSON 美化器对其进行格式化,然后向上查找。devtools
preferences
推荐阅读
- mysql - mysql group by 返回所有行
- yocto - meta-qt5 yocto 层无法在 qt 版本 5.15.2 上编译
- python-3.x - 为什么列表变量有时不受函数更改的影响,因为我认为 python3 通过引用传递与列表变量一起工作?
- python - ord () 期望一个字符
- assembly - 在汇编中打印一个三角形的字符
- wordpress - cURL vs wp_remote_get:对于插件中的外部 API 调用,哪一个最可靠?
- websphere - 如何在 Open Liberty 服务器开发模式下调试我的测试(使用 liberty-maven-plugin)并打开/关闭调试器?
- python - 在主循环中缩放精灵
- r - 创建一个新列作为 R 中组内的价值共识
- javascript - Agora.io 多个房间用于 veideochat