Question

所以我看到很多人使用本地存储来存储网页的某些部分但是不是整个网页都可能吗？，如果是这样的话？，如果没有，是否有办法存储整个网页数据，以便用户可以回到它们如何离开它？

Answer 1

由于LocalStorage允许您存储大约5MB~您可以在那里存储完整的网页，然后将其称为<?php /*namespace App\booking;*/ use Carbon\Carbon; namespace App\Http\Controllers; use App\booking; use Illuminate\Http\Request; use Illuminate\Database\Eloquent\Model; class RoombookController extends Controller { public function showreport(Request $request) { /* dd($request->all()); */ $time= Carbon.now(); $booking = new booking; $booking->bookdate = $request->input('bookdate'); $booking->roomname = $request->input('roomname'); //echo $datefrom; $booking->starttime =$startTime= $request->input('starttime'); $booking->endtime = $finishTime=$request->input('endtime'); $booking->purpose = $request->input('Purpose'); //echo $dateto; $time->sTime = Carbon::parse($startTime); $time->fTime = Carbon::parse($finishTime); $time->total_time = $fTime->diffForHumans($sTime); $booking->total_duration = $time->total_time; $booking->save(); }。

以下代码执行此操作：

存储它：

document.write()

检索它：

var HTML = ""; //html of the page goes here
localStorage.setItem("content", HTML);

虽然这是可能的，但通常的做法是只保存设置并将其加载到正确的元素而不是整个网页。

Answer 2

如果您使用javascript将document.body.innerHTML保存到webstorage中，并且下次加载页面时使用javascript将其从存储中加载回来，则可以执行此操作。如果网页不在网络存储中，您可以将用户重定向到网页。

但这取决于您网页的设计以及网页正文中是否有会话索引等。

您还应该考虑一些处理版本的方法。您不希望您的用户仅使用您网页的缓存版本，但是一旦您更新网页就应该更新。

会话存储空间大约为5比特，所以你不能保存很多，特别是不能保存图片。

Answer 3

本地存储它实际上只是一个端点：有一个IP地址，可以从网上访问。首先，您需要确保您的索引页面上有DNS服务点。例如，如果您的本地存储的IP是10.10.10.10，并且该本地存储上的文件组织如下：

contants：
- 网页：
  - 的index.html
  - page2.html
- 图片：
  - welcome.png

所以你可以指出你的DNS： 10.10.10.10/index - ＆gt; /contants/pages/index.html

在大多数Web框架中（Web框架是一个提供内置工具的库，使您能够以更多功能更轻松地构建Web站点），它们是一个内置模块，称为“route”，提供更多功能，如此

通过这种方式，您可以从index.html文件导入整个网站，例如：

并在您的路线中定义例如：对于扩展名为.html的所有文件，路由到 - ＆gt; 10.10.10.10/contants/pages/ 对于所有扩展名为.png / .jpg的文件，请转到 - ＆gt; 10.10.10.10/contants/images /

Answer 4

这并没有真正回答你的问题，但是，如果你只是好奇如何做到这一点并且不需要广泛的浏览器支持，我建议你研究服务工作者，因为让网站脱机是一回事他们解决得很好。

他们的众多功能之一是，他们可以充当您网站所做任何请求的代理，并使用本地保存的数据进行响应，而不是转到服务器。

这允许您以与通常相同的方式编写应用程序代码，但初始化ServiceWorker除外（仅执行一次）

https://developers.google.com/web/fundamentals/getting-started/primers/service-workers https://jakearchibald.github.io/isserviceworkerready/

Answer 5

本地存储通常用于存储密钥和值对，存储整个页面将是一个荒谬的想法。尝试使用返回局部视图的Ajax调用。将其用于DOM中的操作

本地存储可以存储整个页面

5 个答案: