使用引導程序爲Google Apps腳本移動查看

我正在嘗試使用Google Apps腳本設計移動的第一個Web應用程序。使用引導程序爲Google Apps腳本移動查看

我會嘗試在Google Apps腳本中複製最基本的Bootstrap頁面（http://getbootstrap.com/examples/navbar）。

這是引導頁應我的移動設備上的呈現方式：

enter image description here

而是我的頁面加載像這樣（即http://goo.gl/yZpgUg）：

enter image description here

這是我的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

： enter image description here

IFRAME控制檯錯誤（2）： enter image description here

機控制檯的錯誤（大量的）： enter image description here

底線 - 顯然GAS不喜歡它看起來並不是非常簡單 - 我最終把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

感謝您的回覆。我已經查看了最佳實踐頁面 - 這很有幫助，但我認爲主要問題是您無法通過天氣/ IFRAME設置通過GAS獲取屬性 - 或者至少我不知道如何這樣做 - 因此index.html文件中的「」顯示不正確。如果您知道如何通過GAS編輯顯示的標題區域，請告訴我。乾杯。 – user844597

沒有機會，沒有或標籤屬性發生變化，CAJA不會允許它，如果您將它們放置在HTML中，它們將被替換，但始終存在解決方法。我已經設法讓Bootstrap在IFRAME上艱苦工作，不知道關於手機。 – Kriggs

這就是我的想法 - bootstrap似乎正在工作 - 只是移動視圖/視口不工作。明白CAJA不會允許它。 – user844597

我知道你決定走另一條路線，但我得到了這個在相同的情況下工作。您可以使用以下代碼簡單地在GAS代碼中添加元標記：

var output = HtmlService.createHtmlOutput（'Hello，world！'）; output.addMetaTag（'viewport'，'width = device-width，initial-scale = 1'）;}}

因此，當您在doGet中提供您的html時，請添加元標記。查看此鏈接以獲取更多信息：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腳本移動查看

回答

相關問題