如何在像Chrome这样具有“检查元素”选项的Electron中添加右键菜单？
如何在像Chrome这样具有“检查元素”选项的Electron中添加右键菜单？
提问于 2015-09-18 01:46:34
我正在构建一个电子应用程序，我想检查特定的UI元素。我已经为开发打开了Chrome开发工具，但我想要的是能够右击UI元素并选择“检查元素”，就像我可以在Google Chrome中一样。目前，右键单击不会在我的样板电子应用程序中执行任何操作。如何启用此功能？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-09-18 01:46:34
电子有一个名为win.inspectElement(x, y)的内置函数。
通过创建带有MenuItem的电子Menu，可以将此功能作为右键单击上下文菜单中的一个选项。在客户端(也称为渲染器进程)Javascript中调用以下代码：
// Importing this adds a right-click menu with 'Inspect Element' option
const remote = require('remote')
const Menu = remote.require('menu')
const MenuItem = remote.require('menu-item')
let rightClickPosition = null
const menu = new Menu()
const menuItem = new MenuItem({
label: 'Inspect Element',
click: () => {
remote.getCurrentWindow().inspectElement(rightClickPosition.x, rightClickPosition.y)
}
})
menu.append(menuItem)
window.addEventListener('contextmenu', (e) => {
e.preventDefault()
rightClickPosition = {x: e.x, y: e.y}
menu.popup(remote.getCurrentWindow())
}, false)Stack Overflow用户
发布于 2016-09-29 18:29:45
试试electron-context-menu。它增加了inspect element、copy和paste。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32636750
复制相关文章
相似问题
腾讯云开发者
