如何 twitter 像加载网页

Question

我是唯一注意到 twitter 桌面的新版本即使没有互联网它仍然加载主要样式然后只是告诉没有互联网？ 好吧，我做到了，现在我想制作一个即使没有互联网也可以加载的网站，谁能告诉我怎么做？ 我使用纯 HTML、CSS 和 js 作为前端，节点 js 作为后端。

I currently have no idea how to do it

我希望它能够加载能够运行飞行脚本以在页面上生成元素的广告。

Answer 1

It's called Progressive Web Apps, Progressive Web Apps (PWAs) are web applications that are regular web pages or websites, but can appear to the user like traditional applications or native mobile applications. 应用程序类型尝试将大多数现代浏览器提供的功能与移动体验的优势结合起来。

1. https://developers.google.com/web/progressive-web-apps
2. https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp

Answer 2

A Web cache (or HTTP cache) is an information technology for the temporary storage (caching) of Web documents, such as Web pages, images, and other types of Web multimedia, to reduce server lag. --Wikipedia 。

web 页面已经存储，当您加载它时，它会从缓存中加载，并且检查连接的 function 会发出没有互联网连接的警报。