一种在脱机应用程序中存储数据的方法

A method to store data in an offline application

本文关键字：存储 数据 方法 应用程序 脱机 一种      更新时间：2023-09-26

目前，我为手机和计算机创建的这个应用程序离线存储数据。例如，用户可以在框中键入数据，单击保存按钮，关闭他的互联网并加载刚刚存储以供离线使用的数据。我想修改此功能，以便它将列出来自任何 wesbsite 的离线新闻文章，我不在乎它是什么网站，只要它显示供离线使用的新闻文章。关于该怎么做的任何想法？

这是 HTML

<!DOCTYPE html>
<html manifest="offline.manifest">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Offline test page</title>
<link rel="stylesheet" type="text/css" media="all" href="styles.css" />
</head>
<body>
<p id="status">Online</p>
<h1>Off-line test page</h1>
<p>This page detects when the browser goes off-line and stores data locally.</p>
<form id="mainform" action="index.html" method="post">
<fieldset>
<legend>Update data</legend>
<label>Data item 1: <input type="text" id="data1" name="data1" value="" /></label>
<button type="submit">Save Data</button>
</fieldset>
</form>
<p>Use File &gt; Work Offline in Firefox to switch online/offline modes.</p>
<p><a href="index.html">Refresh the page</a> in offline mode to reload data from store.</p>

<script type="text/javascript" src="jquery-1.4.min.js"></script>
<script type="text/javascript" src="offline.js"></script>
</body>
</html>

这是Javascript 

// page loaded
jQuery(document).ready(function($) {
    // form data saving
    $("#mainform").submit(lib.Save);
    // online/offline event handler
    if (window.sessionStorage) {
        lib.Net.ChangeStatus();
        $(window).bind('online offline', lib.Net.ChangeStatus);
    }
    // load data
    lib.Load();
});
// online/offline library
var lib = lib || {};
lib.Net = function() {
    var online = true;
    // is browser online?
    function Online() { return navigator.onLine; }
    // online/offline event
    function ChangeStatus() {
        if (online != Online()) {
            online = Online();
            var s = $("#status");
            s.text(online ? "Online" : "Offline");
            if (online) s.removeClass("offline");
            else s.addClass("offline");
        }
    }
    return {
        Online: Online,
        ChangeStatus: ChangeStatus
    };
}();
// save data online or offline
lib.Save = function(e) {
    e.preventDefault();
    if (lib.Net.Online() || !window.sessionStorage) {
        // save data online
        alert("Data has been saved online.");
    }
    else {
        // save data offline
        $("#mainform input").each(function(i) {
            window.sessionStorage.setItem(this.id, this.value);
        });
        alert("Data has been saved offline.");
    }
};
// load data online or offline
lib.Load = function() {
    if (lib.Net.Online() || !window.sessionStorage) {
        // load data online
        alert("Currently online:'ndata could be loaded from server.");
    }
    else {
        // load data offline
        $("#mainform input").each(function(i) {
            this.value = window.sessionStorage.getItem(this.id);
        });
        alert("Data has been loaded from offline store.");
    }
};

你想做的是制作一个像Pocket这样的应用程序？

您需要的是将来自不同网站的文章保存为 html/css 样式或其他样式，例如 pdf 文件。获取html/css并保存它或将其转换为pdf并保存pdf。之后，您可以将其加载。

您必须使用LocalDB或类似的东西来保存指向已保存文件的链接。

相关文章：