[Electron] 对window.prompt不支持的拓展处理

原创

已于 2023-05-12 17:34:46 修改 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#electron #javascript

于 2023-05-12 17:12:51 首次发布

在使用Electron框架时，由于其不支持window.prompt，可通过第三方库electron-prompt来实现类似功能。首先下载electron-prompt，然后在渲染进程的preload文件中重写window.prompt，发送IPC消息到主进程。主进程接收到消息后，使用electron-prompt创建弹窗，并将结果通过event.returnValue返回给渲染进程。

使用electron框架时，网页当中使用了window.prompt获取输入的内容，实际情况electron会抛出错误"prompt() is and will not be supported";

原来electron阉割了该方法，并在未来不会支持，可以通过三方库’electron-prompt‘解决，详细用法可以查看GitHub - p-sam/electron-prompt: Electron helper to prompt for a string value；
一、下载

npm install electron-prompt

二、渲染进程preload文件中重写window.prompt方法发送IPC至主进程

const { ipcRenderer } = require('electron');

window.prompt = (title, content) => {
  return ipcRenderer.sendSync('window-prompt', title, content);
};

&nb