代码之家 › 专栏 › 技术社区 › KiKu

如何在App Maker中调用HTML Id

google-app-maker

KiKu · 技术社区 · 8 年前

在下面的代码中,我已经将其整合到谷歌应用程序脚本中并部署为一个web应用程序,它工作得非常好。我如何使用这个代码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>

1 回复 | 直到 8 年前

Morfinismo 8 年前

为了使用此库,请执行以下操作:

步骤1-将库添加到 应用程序设置 如下所示:

步骤2-添加 HTML小部件 到页面,如下所示:

步骤3-请检查 allowUnsafeHtml HTML小部件的复选框如下所示:

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

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

步骤5-将以下代码添加到 奥纳塔克 HTML小部件的事件:

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;