使用 Bootstrap 的 Google Apps 脚本的移动查看

Mobile Viewing for Google Apps Script with Bootstrap

我正在尝试使用 Google Apps 脚本设计移动优先网络应用程序。

我会尝试在 Google Apps 脚本中复制最基本的 Bootstrap 页面 (http://getbootstrap.com/examples/navbar)。

这是 bootstrap 页面在我的移动设备上的呈现方式：

但我的页面是这样加载的（即 http://goo.gl/yZpgUg）：

这是我的 code.gs:

function doGet() {
  return HtmlService
      .createTemplateFromFile('index')
      .evaluate()
      .setSandboxMode(HtmlService.SandboxMode.NATIVE);
}

我的 index.html 是从 http://getbootstrap.com/examples/navbar 复制粘贴的，并根据需要替换了 CDN。

我认为 HtmlService.SandboxMode。NATIVE 对让它起作用很重要，但似乎不起作用。

亲爱的世界 - 任何帮助将不胜感激。

干杯。

更新 1 -（感谢您的回复！）

在 IFRAME 中：

IFRAME 控制台错误 (2):

原生控制台错误（很多）：

底线 - 显然 GAS 不喜欢它并且看起来不是很直接 - 我最终将 GAS 变成了 API 我需要的电子表格中的 returns JSONP - 更直接。感谢您的帮助！

显然 Google 无法从他们的服务器加载 Bootstrap，请尝试将所有内容复制到 GAS 并包含在页面中，如 best practices 中所述。测试时也切换回 IFRAME。

我知道你决定走另一条路，但我让它在相同的场景下工作。您可以使用以下代码简单地在 GAS 代码上添加元标记：

var output = HtmlService.createHtmlOutput('你好，世界！');

output.addMetaTag('viewport', 'width=device-width, initial-scale=1');

因此，当您在 doGet 中提供 html 时，请添加元标记。查看此 link 了解更多信息：https://developers.google.com/apps-script/reference/html/html-output#addMetaTag(String,String)

使用 Bootstrap 的 Google Apps 脚本的移动查看

Mobile Viewing for Google Apps Script with Bootstrap

mobile

google-apps-script

twitter-bootstrap-3