小编Jas*_*adt的帖子
使用Google Apps脚本的JQuery Mobile
我使用HTMLService将Google Apps脚本部署为独立的Web应用程序,该应用程序提供了一个简单的前端,可将预算数据输入到Google电子表格中.我正在使用JQuery Mobile来获取一些javascript,并将其设置为一种适合移动设备的方式,因为我的应用程序的主要用例是从我的手机中输入购买.
我的问题是,在移动浏览器上,该应用程序无法正常扩展.这是浏览器的宽度,但就好像它已经"缩小"了.所有控件在移动设备上基本上都无法使用.
如果脚本嵌入在Google网站中,它可以正常扩展,但我宁愿能够直接查看该网络应用,而不是将其嵌入Google协作平台.
编辑:我的代表现在足够高,可以发布照片,所以在这里(代码下面).
编辑:我的HTML的开头在下面.我最初在这里有javascript和完整的HTML,如果需要的话我可以添加片段,但是我再次对它进行了审核,并且认为它不能解决问题,因为我把它删除了.
HTML:
<!DOCTYPE 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="content">
<form id="myForm">
...
Code.gs:
function doGet() {
return HtmlService.createTemplateFromFile('index').evaluate()
.setSandboxMode(HtmlService.SandboxMode.IFRAME).setTitle('Budget Entry');
}
带完整代码的代码段:
//<script>
function formSuccess() {
var dateSelect = document.getElementById("date");
var dateSelected = dateSelect.options[dateSelect.selectedIndex].text;
var catSelect = document.getElementById("category");
var catSelected = catSelect.options[catSelect.selectedIndex].text;
var amountEntered = document.getElementById("amount").value;
var noteEntered = document.getElementById("note").value;
var successMsg = 'Date: ' + dateSelected + …7
推荐指数
推荐指数
1
解决办法
解决办法
1641
查看次数
查看次数