Webview controls

These methods control the embedded browser surface. BrowserWindow.show() and hide() act on the native OS window; Webview.setWebviewVisibility() acts on the browser surface inside that window.

DevToolsCopy Anchor Link

Enable developer tools when creating the webview, then open or close the panel from host code:

const webview = win.createWebview({
  url: 'app://localhost/index.html',
  enableDevtools: true,
});

webview.openDevtools();
console.log(webview.isDevtoolsOpen());
webview.closeDevtools();

Visibility and focusCopy Anchor Link

webview.setWebviewVisibility(false); // hide the browser surface
webview.setWebviewVisibility(true);

webview.focus(); // give keyboard focus to page content
webview.focusParent(); // return focus to the host window

The visibility method does not hide or dispose the BrowserWindow. Use win.hide() to hide the whole native window.

Zoom and printingCopy Anchor Link

zoom() sets a page scale factor: 1 is 100%, 1.25 is 125%, and 0.8 is 80%.

webview.zoom(1.25);
webview.print(); // ask the native webview to print the current page

print() has no JavaScript return value; the platform webview handles printing. hotkeysZoom controls the browser's built-in keyboard zoom shortcuts. See the Webview API reference for all methods and option signatures.