在我们的混合应用程序中，我们需要在应用程序中本地维护 HTML。这些 HTML 在托管服务器中更改后必须在本地刷新。实现这一目标的方法应该是什么？
【问题讨论】：
标签： android ios hybrid-mobile-app ios-web-app
如果您在android或iphone设备的移动应用程序中处理HTML文件，您需要注意以下因素。
1.数据处理 - 解析数据并将其呈现在设备屏幕上的最佳方式
假设您的 HTML 文件有 1000 个节点，每个节点将有 10 个子节点。现在，您尝试根据第 800 个节点中的键获取值。现在发生的情况是，解析器在找到搜索值之前读取 1 到 800 个节点中的每一个。这将造成非常糟糕的用户体验。
为避免这种情况，对于 android 移动应用程序，使用 JSON 文件格式，对于 iOS 设备，使用 PLIST 文件格式。
由于您的目标是混合应用程序，因此它可能同时在 android 和 iphone 设备上运行。因此，在服务器中，创建转换数学并将相应的文件呈现给设备。
2。数据加载 - 当您的应用程序与服务器同步以更新 HTML 文件时要记住的事情。
电池利用率 - 如果您的应用程序定期访问服务器以查看 HTML 文件是否有任何更新，这将对设备电池造成非常高的影响，并且应用程序的网络利用率将很高。
我推荐的方法是，如果文件有任何更新，您的服务器应该将消息推送到应用程序。基于该用户可以选择更新应用程序。
开始文件同步之前要做的事情。
应先检查设备的当前电池电量 开始与服务器同步数据。
应检查网络状态。如果设备发生升级应该发生 已连接到 wifi。
根据用户位置和时间戳，您可以选择在用户不使用手机时进行同步。
【讨论】：
如果有一个带有最新可用更新的时间戳，每次应用启动时都检查它，如果它比执行的最新更新更新，那么重新下载 HTML 文件怎么样？这当然可以扩展为在每个文件或每个目录的基础上执行，而不是仅重新下载更改的文件。
【讨论】：
您可以在 WebView 中加载任何 HTML 内容或文件。
使用loadDataWithBaseURL()方法你可以加载任何HTML数据：
//read html data from any file or resource
String HTML = "<html><head><title>TITLE</title></head><body><center><b>MY BODY</b></center></body></html>";
//load HTML inside webview
webView.loadDataWithBaseURL(null, HTML, "text/html", "utf-8", null);
您也可以直接从文件中加载数据：
File htmlFile = new File(Environment.getExternalStorageDirectory() + "page.html");
webView.loadUrl("file:///" + htmlFile.getAbsolutePath());
或来自 assets 文件夹：
webView.loadUrl("file:///android_asset/pageInAssets.html");
您可以定期从您的服务器或每次用户获得互联网连接时获取更新的数据（并将其存储在本地）。
【讨论】：
我的混合应用背景：我喜欢它们。我遇到过很多问题，几乎都修复了。
当我遇到需要在多个设备上使用的服务器或数据库的情况时，我喜欢这样做。
.html 文件缓存到客户端，以便他们稍后可以在没有网络连接的情况下查看该页面。【讨论】：
Html 文件资源应该在下面有详细信息
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Google</title>
<meta name="description" content="">
<meta name="author" content="">
</head>
<body>
<h1>Hello there</h1>
<p>Welcome to this webpage</p>
</body>
</html>
app.js 文件详情如下
var win = Titanium.UI.createWindow({
title:"Loading Local and Remote Web Pages",
backgroundColor:"#FFFFFF",
});
var loadLocalButton = Titanium.UI.createButton({
title:"Load local",
height:36,
width:100,
bottom:12,
left:12
});
var loadRemoteButton = Titanium.UI.createButton({
title:"Load remote",
height:36,
width:100,
bottom:12,
right:12
});
var webView = Titanium.UI.createWebView({
top:0,
left:0
});
loadLocalButton.addEventListener("click", function(e){
//You can load from a local webpage (e.g. a webpage in the Resources folder of your project)
webView.url = "html/index.html";
//or you can load an HTML-formatted string
webView.html = "<h1>This is from a string</h1><p>Yes, it is</p>";
});
loadRemoteButton.addEventListener("click", function(e){
webView.url = "http://www.google.com";
});
win.add(webView);
win.add(loadLocalButton);
win.add(loadRemoteButton);
win.open();
【讨论】：