我正在使用 Phonegap 构建 iPad 应用。
该应用程序应该是离线的(除了表单提交)，所以它主要是静态页面，所以我会有很多 HTML 文件，因为我没有使用 JS MVC/Require JS 来最小化复杂。我看得越多，它基本上就是一个封装在 Phonegap 中的静态站点，用于构建应用程序。
由于我将拥有大量的 HTML 文件，如果我不使用任何模板引擎，管理(例如)页眉/页脚的更改将是一件痛苦的事情。到目前为止，我正在使用 Codekit 将 Jade 文件编译为 HTML，并且运行良好，我只将 Jade 用于布局/ block /包含功能和 HTML 编译。
我不太喜欢使用 Jade 的一件事是，如果你的文件有很多嵌套的 HTML 标签(例如用 Zurb Foundation/Twitter Bootstrap 标记的复杂表单设计)，那么 Jade 突然看起来就不是这样了干净了。
不过，我认为必须有更好的方法来做到这一点。你们有没有人用 Phonegap 做过一个主要是静态页面的应用程序？有更好的建议吗？
谢谢
最佳答案
你可以使用1个文件，将数据保存在sqlite中或作为变量保存在JS文件中。 代码应该是这样的:
<!doctype html>
<html>
<head></head>
<body>
<div id="page1" class="page">...</div>
<div id="page2" class="page">...</div>
<div id="page3" class="page">...</div>
<div id="page4" class="page">...</div>
</body>
</html>
然后你可以在js文件中创建一个函数“navigate(page_id)”:
public function navigate(pageid){
$('page').hide();
if(pageid == 'page1'){
$('#'+pageid).show();
// get data and append it in the div.
}
...
}
当然你可以使用 Jquery Mobile，但它会强制你使用预定义的模板，我个人不使用它，因为编写我自己的模板要好得多并且可能会提供更多选择。
关于html - 如何组织 Phonegap HTML 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18229568/