如何设置 Electron 浏览器窗口 DevTools 宽度?
我知道如何设置主窗口的宽度和高度并打开 DevTools:
mainWindow = new BrowserWindow({width: 1920, height: 1080}
// Open the DevTools.
mainWindow.webContents.openDevTools()
但我想以某种方式设置 DevTools 停靠宽度,这可能吗?或者设置“Body”宽度以便为 DevTools 留出空间,设置宽度样式无济于事。
最佳答案
我可以通过写信给 Preferences
来解决这个问题。 userData
中的文件初始化路径
const userDataPath = app.getPath("userData");
const prefPath = path.join(userDataPath, "Preferences");
const prefs = JSON.parse(fs.readFileSync(prefPath, "utf-8"));
prefs.electron.devtools = {
preferences: {
"InspectorView.splitViewState": JSON.stringify({
vertical: { size: 500 },
horizontal: { size: 500 },
}),
uiTheme: '"dark"',
},
};
fs.writeFileSync(prefPath, JSON.stringify(prefs));
此处的工作示例:https://github.com/xdumaine/electron-quick-start
关于javascript - 如何设置 Electron 浏览器窗口 DevTools 宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43652253/