Мобильный просмотр сценария Google Apps с помощью Bootstrap

Я пытаюсь создать мобильное первое веб-приложение с помощью скрипта Google Apps.Мобильный просмотр сценария Google Apps с помощью Bootstrap

Я попытался бы воспроизвести самую основную страницу Bootstrap (http://getbootstrap.com/examples/navbar) в скрипте Google Apps.

Это путь страница заргузочной визуализации на мобильном устройстве:

enter image description here

но вместо моей страниц нагрузки, как это (т.е. http://goo.gl/yZpgUg.):

enter image description here

Этом это мой код.gs:

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

My index.html копируется и вставляется с http://getbootstrap.com/examples/navbar с заменой CDN соответственно.

Я понял HtmlService.SandboxMode. NATIVE было важно, чтобы это работало, но, похоже, не работает.

Дорогой мир - любая помощь будет принята с благодарностью.

Cheers.

UPDATE 1 - (СПАСИБО ЗА ОТВЕТЫ!)

в IFRAME: enter image description here

IFRAME консоль ошибок (2): enter image description here

NATIVE ошибки консоли (лотов): enter image description here

Нижняя линия - очевидно, ГАЗ не нравится это и не кажется супер прямым - я превратил GAS в API, который возвращает JSONP из таблицы, в которой я нуждаюсь, - намного более прямолинейно. Спасибо за твою помощь!

источник

2015-01-15 user844597

Что сообщает консоль браузера? – AshClarke

вы пробовали 'SandboxMode.IFRAME'? –

Консольные отчеты и результаты .IFRAME, перечисленные выше. Благодаря! – user844597

По-видимому, Google не может загрузить Bootstrap со своего сервера, попробуйте скопировать все в GAS и включить в страницу, как описано в best practices. Также переключитесь на IFRAME при тестировании.

источник

2015-01-16 10:40:27 Kriggs

Спасибо за ваш ответ. Я просмотрел эту страницу лучших практик - это полезно, но я думаю, что основная проблема заключается в том, что вы не можете получить атрибуты через GAS через настройки NATIVE/IFRAME - или, по крайней мере, я не знаю, как сделайте это - в результате «" в файле index.html отображается неправильно. Дайте мне знать, знаете ли вы, как редактировать отображаемый заголовок через GAS. Приветствия. – user844597

Невозможно, нет или изменений атрибутов тегов, CAJA не позволит этого, если вы поместите либо внутри HTML, они будут заменены, но всегда есть обходное решение. Мне удалось заставить Bootstrap работать на IFRAME жестко, а не о мобильном. – Kriggs

Вот что я понял - загрузочная машина, похоже, работает - только мобильный просмотр/просмотр не работает. Понял, что CAJA этого не допустит. – user844597

Я знаю, что вы решили пойти другим путем, но я получил это для работы в том же сценарии. Вы можете просто добавить метатег в код GAS, используя следующий код:

var output = HtmlService.createHtmlOutput ('Hello, world!');

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

Итак, когда вы обслуживаете свой html в doGet, добавьте метатег. Для получения дополнительной информации см. Эту ссылку: https://developers.google.com/apps-script/reference/html/html-output#addMetaTag(String,String)

источник

2017-06-14 15:48:09

Кроме того, для @Arun Aruljothi CAJA удалит тег точки обзора, поэтому вам необходимо программно добавить при рендеринге страницы, содержащей газ. – user1413048

Мобильный просмотр сценария Google Apps с помощью Bootstrap

ответ

Смежные вопросы