Mobile device scalable in Google Apps Script

Question

Mobile device scalable in Google Apps Script

I made a web app in GAS 400px wide. I would like this to grow to fill the mobile screen on boot, instead of only filling half of the screen (although still using a fixed pixel width).

I've tried using the viewport code below with no luck.

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

+4

html web-applications mobile google-apps-script google-apps-script-web-application

TL Jan 27. 13 at 8:13

source to share

5 answers

Partik · Answer 1 · 2015-12-24T14:46:34+0000

This has been google url in recent months and functionality has been added, use the .addMetaTag () method.

Example:

<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');

Method documentation https://developers.google.com/apps-script/reference/html/html-output#addmetatagname-content

Related forum https://code.google.com/p/google-apps-script-issues/issues/detail?id=4659

user1556232 · Answer 2 · 2013-01-27T12:02:33+0000

I had the same issue lately and after some looking around came across a reported issue in the Trackgate of the Googles Caja project http://code.google.com/p/google-caja/issues/detail?id=1632 ...

The reported problem is exactly what you described when you are trying to zoom in on a web page (generated with Google Apps scripts) when viewed through a mobile device. The answer mentions a workaround, but it's hard to follow the instructions and fix the problem.

Sujay phadke · Answer 3 · 2017-09-26T04:56:25+0000

GAS now supports a viewport (as of December 2015).

Example (taken from this link )

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

Mogsdad · Answer 4 · 2014-07-21T17:01:11+0000

These answers contain alternative suggestions:

Ryan Dunphy · Answer 5 · 2015-07-14T18:29:09+0000

Google doesn't seem to think this is a problem. They are considering accessing the extension's metaview. The only alternative I found was to write custom CSS for mobile and sniff it with a media query. See https://code.google.com/p/google-apps-script-issues/issues/detail?id=4659

Mobile device scalable in Google Apps Script

More articles: