logo标签列表

移动设备在Google Apps Script中如何进行缩放？

htmlgoogle-apps-scriptmobileweb-applications
5

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

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

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" />
抱歉，代码中的括号有问题...meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" - T-L
4
GAS现在支持视口（截至2015年12月）。示例在此处：[链接]（https://plus.google.com/+MarcoColomboMow/posts/GXgRCh98HTu）var html = HtmlService.createHtmlOutputFromFile('inputpage') .setSandboxMode(HtmlService.SandboxMode.IFRAME) .addMetaTag('viewport', 'width=device-width, initial-scale=1'); - Sujay Phadke
@SujayPhadke，你应该把这个作为答案发布。我会点赞的，因为它绝对是可行的。 - Karl_S
@Karl_S 谢谢，已完成。 - Sujay Phadke
4个回答
5
最近谷歌解决了这个问题并添加了功能，可以使用.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

2

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

示例（来自此链接）

var html = HtmlService.createHtmlOutputFromFile('inputpage').setSandboxMode(HtmlService.SandboxMode.IFRAME).addMetaTag('viewport', 'width=device-width, initial-scale=1');
1
我最近也遇到了同样的问题，在查找过程中偶然发现了Google Caja项目问题跟踪器上记录的问题http://code.google.com/p/google-caja/issues/detail?id=1632。
报告的问题正是您所描述的，即在移动设备上查看通过使用Google应用脚本生成的网页时，您正在尝试放大。有一个解决方法在回复中提到，但我很难按照说明进行操作并修复问题。
有趣的是...它似乎表明问题出在谷歌应用脚本的“容器”元素忽略了meta标记，而不是caja加密...我想知道是否有人能够确认？ - T-L
从日志报告和Caja来看，我的理解是Google应用脚本专门设计用于嵌入到主机网站中。Caja的整个理念是安全地隔离主机网站和第三方代码，例如Google应用脚本，以便主机网站可以控制它与之交互的方式。我不明白一个独立的Google应用脚本是如何生成的，它是否实现了一个主机页面，但更改主机的元参数和更改浏览器如何解释它并不是您允许第三方软件执行的操作。 - user1556232
1
有没有办法使用Google Apps脚本创建一个可以自适应移动设备的独立网页？我所熟悉的两种方法是使用视口或移动设备指令中的doctype，但无论哪种情况都不起作用...请问有人能帮忙吗？ - user1556232
-1
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接