如何对 Electron 应用程序中的按钮单击做出反应

Question

请问我可以就以下问题寻求帮助：

我已经克隆了 Electron 入门应用程序，如下所示：

git 克隆https://github.com/electron/electron-quick-start

并让它运行。

我添加了一行：

<button id="doitButton" onclick="alert('t')">DoIt</button>

这是在 main.js 文件的上下文中：

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">
    <link href="./styles.css" rel="stylesheet">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <button id="doitButton" onclick="alert('t')">DoIt</button>
    We are using Node.js <span id="node-version"></span>,
    Chromium <span id="chrome-version"></span>,
    and Electron <span id="electron-version"></span>.

    <!-- You can also require other files to run in this process -->
    <script src="./renderer.js"></script>
  </body>
</html>

我在 VSCode 工作。 我确定会保存文件，然后运行“npm start”。

我看到该按钮，但单击它时没有警报。 我做错了什么？

谢谢你的帮助。

Answer 1

在此处查看 electron 对话框： https://www.electronjs.org/docs/v14-xy/api/dialog

Answer 2

我找到了解决方案。

如果我注释掉这一行：

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'">

然后我看到警报出现。

如何对 Electron 应用程序中的按钮单击做出反应

问题描述

1 个解决方案

解决方案1
0 2022-01-04 12:46:55

解决方案2
0 2022-01-04 13:47:45

如何对 Electron 应用程序中的按钮单击做出反应

问题描述

1 个解决方案

解决方案1 0 2022-01-04 12:46:55

解决方案2 0 2022-01-04 13:47:45

解决方案1
0 2022-01-04 12:46:55

解决方案2
0 2022-01-04 13:47:45