带有 Google Apps 脚本的 JQuery Mobile [英] JQuery Mobile with Google Apps Script
本文介绍了带有 Google Apps 脚本的 JQuery Mobile的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我使用 HTMLService 将 Google Apps 脚本部署为独立的网络应用程序，该应用程序提供了一个简单的前端来将预算数据输入到 Google 电子表格中.我正在使用 JQuery Mobile 来处理一些 javascript 并将其设置为适合移动设备的方式，因为我使用此应用程序的主要用例是从我的手机输入购买.
我的问题是，在移动浏览器上，应用无法正确缩放.它是浏览器的宽度，但它好像被缩小"了.所有控件在移动设备上基本上都无法使用.
如果脚本嵌入在 Google 协作平台中，它可以正确缩放，但我宁愿能够直接查看网络应用程序，而不是将其嵌入到谷歌协作平台中.
我的代表现在足够高，可以发布照片，所以它们在这里(在代码下方).
我的 HTML 的开头如下.我最初在这里有 javascript 和完整的 HTML，如果需要，我可以添加片段，但我再次查看了它，认为它与问题无关，它使问题变得混乱，所以我删除了它.
HTML:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css"><?!= include('javascript');?><div data-role="page" data-theme="a" id="main"><div data-role="内容"><form id="myForm">...Code.gs:
function doGet() {返回 HtmlService.createTemplateFromFile('index').evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME).setTitle('预算条目');}完整代码片段:
//
登录 关闭
扫码关注1秒登录
发送“验证码”获取
|
15天全站免登陆