Question

在代码下方，我已合并到Google App脚本并作为网络应用程序部署，它完全正常，我如何使用此代码n应用程序制造商

<!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

1 个答案: