移动设备放大 Google Apps 脚本

Question

我在 GAS 中制作了一个 400 像素宽的网络应用程序。我希望在加载时能够缩放以填充移动设备的屏幕，而不是只填充一半屏幕（尽管仍然使用固定的像素宽度）。

我尝试使用下面的视口代码，但没有成功。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />

Answer 1

这是 Google 最近几个月解决的问题，并添加了功能，请使用 .addMetaTag() 方法。

示例：

<meta name="google-site-verification" content="..."/>
<meta name="viewport" content="..."/>

var output = HtmlService.createHtmlOutput('<b>Hello, world!</b>');
output.addMetaTag('viewport', 'width=device-width, initial-scale=1');

该方法的文档 https://developers.google.com/apps-script/reference/html/html-output#addmetatagname-content

相关论坛 https://code.google.com/p/google-apps-script-issues/issues/detail?id=4659

Answer 2

GAS 现在支持视口（截至 2015 年 12 月）。

示例（取自此链接）

var html = HtmlService.createHtmlOutputFromFile('inputpage').setSandboxMode(HtmlService.SandboxMode.IFRAME).addMetaTag('viewport', 'width=device-width, initial-scale=1');

Answer 3

我最近遇到了同样的问题，经过一番查看后，我偶然发现了 Google Caja 项目问题跟踪器上记录的问题 http://code.google.com/p/google-caja/issues/detail?id=1632 。

报告的问题正是您所描述的，您在通过移动设备查看时尝试放大网页（通过使用 Google 应用脚本生成）。回复中提到了一种解决方法，但发现很难遵循说明并解决问题。

Answer 4

老实说，我想知道如何做同样的事情。

Answer 5

谷歌似乎并不认为这是一个问题。 他们认为访问元视口是一种增强。 我发现的唯一替代方案是为移动设备编写自定义 CSS 并使用媒体查询来嗅探它。 请参阅 https://code.google.com/p/google-apps-script-issues/issues/detail?id=4659