首页 > 解决方案 > 离线网页浏览

问题描述

我有正在慢慢迁移到 Web 部署的应用程序。我本质上所做的是将应用程序中的每个表单重新创建到 vue JS 网页中。然后我在应用程序中有一个通用表单,它显示一个看起来不像网络浏览器的网络浏览器。这让我的应用程序看起来几乎与以前一样(如果不是通过 css 的力量更好)。

这一切都很好,但现在我开始研究离线模式。现在一切都只是回退到旧代码,但我的目标是弃用回退版本,只将新更新应用于 Web 表单。

在我尝试实现这一点时,我创建了一个 http 代理服务器以在我的应用程序内部的线程中运行。如果应用程序设置为使用 Web 表单,那么我通过 localhost 代理到服务器,该服务器将执行以下两项操作之一。

1.) 如果应用程序之前没有访问过相关站点,那么它将访问实际页面并存储 html。

2.) 如果应用在提供之前的 html 之前访问过该网站。

我的问题是仅存储 html 显然缓存不够。我加载的页面没有图像,并且格式看起来很奇怪。以下是访问 google 的示例:

在此处输入图像描述

您可以看到它没有缓存图像,并且 css 格式似乎没有坚持。

所以我的问题是我需要在 HTML 端做些什么来确保在离线模式下运行应用程序所需的所有信息都可用?我的应用程序需要从网页存储什么以确保它拥有所需的所有信息?现在我只是存储 html,但我认为我还需要下拉脚本和图像?

标签: javascripthtmlvue.jsdelphitwebbrowser

解决方案


推荐阅读