Electron'da "Inspect Element" seçeneğine sahip bir Chrome'a ​​sağ tıklatma menüsü nasıl eklenir?

Question

Bir Elektron uygulaması yapıyorum ve belirli UI unsurlarını incelemek istiyorum. Chrome geliştirme araçlarını geliştirmeye açık hale getirdim, ancak istediğim, bir kullanıcı arayüzü öğesine sağ tıklayıp Google Chrome’da yapabildiğim gibi "Öğeyi Kontrol Et" i seçmektir. Şu anda, sağ tıklatma, kazan plakası Electron uygulamasında hiçbir şey yapmıyor. Bunu nasıl etkinleştirebilirim?

Answer 1

Elektron, win.inspectElement(x, y) adı verilen yerleşik bir işleve sahiptir.

Bu işlevi sağ tıklama bağlam menüsünde bir seçenek olarak eklemek, MenuItem ile bir Electron Menu oluşturarak mümkündür. JavaScript istemci aşağıdaki (aka oluşturucu süreci) Çağrı:

// 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) 

Answer 2

bu deneyin: Bu inspect element, copy ve paste ekleyen

https://www.npmjs.com/package/electron-context-menu

.