如何在 App Maker 中调用 HTML Id

Question

下面的代码，我已经合并到 Google 应用程序脚本中并部署为 Web 应用程序，它工作得很好我如何在应用程序制造商

中使用此代码

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <div id="browser"></div>
    <div id="os"></div>
    <script src="https://rawgit.com/faisalman/ua-parser-js/master/dist/ua-parser.min.js"></script>
    <script>
      var parser = new UAParser();
      parser.setUA("<?= HtmlService.getUserAgent(); ?>");
      var result = parser.getResult();
      document.getElementById("browser").textContent = result.browser.name + " v" + result.browser.major;
      document.getElementById("os").textContent = result.os.name + " v" + result.os.version;
    </script>
  </body>
</html>

Answer 1

为了实现对本库的使用，请进行以下操作：

第 1 步 - 将库添加到 应用设置，如下所示：

第 2 步 - 添加 HTML 小部件 到页面，如下所示：

第 3 步 - 请选中 HTML 小部件的 allowUnsafeHtml 复选框，如下所示：

第 4 步 - 将以下标记添加到 HTML 小部件 html 值 :

<div id="browser"></div>
<div id="os"></div>

第 5 步 - 将以下代码添加到 HTML 小部件的 onAttach 事件中：

var parser = new UAParser();
var result = parser.getResult();
document.getElementById("browser").textContent = result.browser.name + " v" + result.browser.major;
document.getElementById("os").textContent = result.os.name + " v" + result.os.version;

现在，继续预览您的应用程序。
您应该会看到类似如下的内容。

希望对您有所帮助！
参考：https://github.com/faisalman/ua-parser-js

如何在 App Maker 中调用 HTML Id

How to Call HTML Id in App Maker

google-app-maker