跳至主要内容
版本：v2.9.0

前端

脚本注入​

当 Wails 提供您的 index.html 时，默认情况下，它会在 <body> 标签中注入 2 个脚本条目以加载 /wails/ipc.js 和 /wails/runtime.js。这些文件分别安装绑定和运行时。

以下代码显示了这些条目默认情况下被注入的位置

<html>
  <head>
    <title>injection example</title>
    <link rel="stylesheet" href="/main.css" />
    <!--     <script src="/wails/ipc.js"></script> -->
    <!--     <script src="/wails/runtime.js"></script> -->
  </head>

  <body data-wails-drag>
    <div class="logo"></div>
    <div class="result" id="result">Please enter your name below 👇</div>
    <div class="input-box" id="input" data-wails-no-drag>
      <input class="input" id="name" type="text" autocomplete="off" />
      <button class="btn" onclick="greet()">Greet</button>
    </div>

    <script src="/main.js"></script>
  </body>
</html>

覆盖默认脚本注入​

为了给开发者提供更大的灵活性，可以使用一个元标签来定制这种行为

<meta name="wails-options" content="[options]" />

选项如下

值描述
noautoinjectruntime禁用自动注入 /wails/runtime.js
noautoinjectipc禁用自动注入 /wails/ipc.js
noautoinject禁用所有脚本的自动注入

只要用逗号隔开，就可以使用多个选项。

这段代码完全有效，与自动注入版本的功能相同

<html>
  <head>
    <title>injection example</title>
    <meta name="wails-options" content="noautoinject" />
    <link rel="stylesheet" href="/main.css" />
  </head>

  <body data-wails-drag>
    <div class="logo"></div>
    <div class="result" id="result">Please enter your name below 👇</div>
    <div class="input-box" id="input" data-wails-no-drag>
      <input class="input" id="name" type="text" autocomplete="off" />
      <button class="btn" onclick="greet()">Greet</button>
    </div>

    <script src="/wails/ipc.js"></script>
    <script src="/wails/runtime.js"></script>
    <script src="/main.js"></script>
  </body>
</html>