html5中manifest特性测试（一）

最新推荐文章于 2023-01-10 11:56:00 发布

five-zh

最新推荐文章于 2023-01-10 11:56:00 发布

阅读量1.1w

点赞数

本文链接：https://blog.csdn.net/tsxw24/article/details/8348831

版权

本文通过一系列测试探讨了HTML5 manifest特性，包括：无manifest页面能否使用manifest缓存的js，不同manifest文件之间的缓存独立性，以及多个页面共享同一manifest文件时的缓存行为。测试结果显示，manifest缓存不被无manifest页面读取，不同manifest文件的缓存互不影响，而同一manifest文件的缓存被多个页面共用。

摘要由CSDN通过智能技术生成

测试环境和工具 chromium 18.0.1025.151 (开发编译版 130497 Linux) Ubuntu 11.04

一、测试内容

1.A页面manifest缓存的js文件，B页面不设manifest是否能使用缓存的js文件

2.A页面和B页面分别使用两个不同的manifest文件，但都缓存了同一个js文件，两页面更新缓存时，是否会相互影响？

3.两个页面使用同一个manifest文件，是否是共用一份缓存？

二、详细测试

1、A页面manifest缓存的js文件，B页面不设manifest是否能使用缓存的js文件？

先上文件

cache.html

<html manifest="m.manifest">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<script type="text/javascri

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

five-zh

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html缓存 mainfest,HTML5之应用缓存---manifest---缓存使用----HTML5的manifest缓存

weixin_39999190的博客

06-23

413

相信来查这一类问题的都是遇到问题或者是初学者吧!没关系相信你认真看过之后就会知道明白的这是HTML5新加的特性HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。Manifest的特点离线浏览: 用户可以在离线状态下浏览网站内容。更快的速度: 因为数据被存储在本地，所以速度会更快.减轻服务器的负载: 浏览器只会下载在服务器上发生改变的资源。所有浏览器都...

html5 .manifest,HTML5 离线缓存-manifest简介

weixin_39861624的博客

06-22

493

在搞Painter时有涉及到HTML5离线缓存，最近想把其应用到其他项目中，发现自己已经忘得差不多了，所以写下本文，给自己做个记录。本文将介绍离线缓存的方方面面，并在最后会介绍一下关于自动化的问题。起源什么是Cache ManifestManifest的特点浏览器支持情况如何使用Manifest文件如何更新缓存注意事项自动化工具参考资料起源html5之前的网页，都是无连接，必须联网才能访问，这其实...

参与评论您还未登录，请先登录后发表或查看评论

聊一聊 H5 应用缓存 - Manifest

weixin_33889245的博客

04-13

151

Manifest 是 H5提供的一种应用缓存机制, 基于它web应用可以实现离线访问(offline cache). 为此, 浏览器还提供了应用缓存的api--applicationCache. 虽然manifest的技术已被web标准废弃, 但这不影响我们尝试去了解它. 也正是因为manifest的应用缓存机制如此诱人, 饿了么和 office 365邮箱都还在使用着它! 通读本文, 你将了解...

html manifest 不支持,如何让网站用上HTML5 Manifest

weixin_33849892的博客

06-26

409

Manifest是用来做离线页面的，即使断网也能正常打开页面，用起来简单，但是在实际使用中存在以下问题：(1)如何自动缓存所有的页面的资源?因为manifest不能使用*通配符进行cache(2)如果网站资源更新，怎么让manifest文件自动更新?不然如果用户不清缓存即使联网也会加载老页面我觉得很多网站没有使用Manifest是因为上面提到的两个原因，有些人有尝试过，但使用起来比较麻烦，离线应用...

html5中manifest特性测试（二）

肖武的专栏

12-20

2249

测试方法和环境同 html5中manifest特性测试（一）一、测试内容 1.manifest文件改动后，浏览器在什么时候更新缓存？ 2.一个新页面使用已有的manifest文件（其他页面使用的，并且已经创建好缓存），初次访问时，会引起整个缓存更新吗？二、详细测试 1.manifest文件改动后，浏览器在什么时候更新缓存？

H5离线缓存机制manifest

little_little0_0的博客

07-20

438

转自https://www.cnblogs.com/PeterSpeaking/p/5912221.html

基于html5 plus做的一个辨色游戏APP.zip

最新发布

02-13

10. 测试与调试：由于涉及到HTML5 Plus的移动特性和跨平台兼容性，开发者需要使用模拟器、真机测试工具，如H5Plus调试工具，进行多平台的测试和调试。这个辨色游戏APP展示了HTML5和HTML5 Plus在移动应用开发中的...

html5中文手册.zip

12-15

6. **离线存储**：通过`<html manifest>`属性，HTML5可以实现离线存储，使用户在没有网络连接时也能访问部分网页内容。 7. **表单控制增强**：HTML5对表单元素进行了增强，如新增了`<input type="date">`、`...

30个html5手机网站源码

02-28

在本篇文章中，我们将深入探讨HTML5在手机网站开发中的应用，以及通过分析30个不同的手机网站源码，你可以学到的关键知识点。 1. **响应式设计**：HTML5引入了媒体查询（Media Queries）和流式布局（Fluid Grids）...

H5离线存储Manifest原理及使用

01-19

理解：离线存储可以将站点的文件储存在本地，在没有网络的情况下还是可以访问到存储的对应的站点的页面，这些文件可以包括html，js，css，img等等文件。但其实即使在有网络的时候，浏览器也会优先使用已离线存储的文件。什么是Manifest： Manifest是一个简单的文本文件，它的扩展名是任意的，定义需要缓存的文件、资源，当第一次打开时，浏览器会自动缓存相应的资源。 Manifest 的特点：离线浏览：即当网络断开时，可以继续访问你的页面。访问速度快：将文件缓存到本地，不需每次都从网络上请求。稳定性：做了Manifest缓存，遇到突发网络故障或者服务器故障

h5离线存储manifest

沛沛呀、

05-24

209

h5离线存储manifest Html5提出的一个新特性：离线存储。通过离线存储，我们可以吧需要离线存储在本地的文件夹列举在manifest配置文件中，这样即使在离线的情况下，用户也可以正常的看见网页在需要离线缓存的页面的html标签上加上manifest='cache.manifest' <html lang='en' manifest='cache.manifest'> ... </html> 在根目录创建新文件名称为cache.manifest的文件，并写上代码

H5之manifest 应用缓存机制

洪晓鸿

01-10

677

H5之manifest 应用缓存机制

h5 离线存储 manifest

Luckyzhoufangbing的博客

09-27

273

（一）背景通过离线存储，我们通过把需要离线存储的文件列入manifest的配置文件中，这样即使在离线的情况下，用户也可以正常看见网页（二）配置（1）在需要缓存的页面上加上 manifest="缓存配置文件名称" 最好将文件放在根目录下 <html lang="en" manifest="cache.manifest"> （2）在当前文件夹根目录，新建cache.manifest， manifest文件，基本格式为三段： cache， network与 fallback，其中n

h5离线存储 manifest

weixin_43837268的博客

10-18

679

1 问题分析 HTML5提出的一个新的特性：离线存储。通过离线存储，我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中，这样即使在离线的情况下，用户也可以正常看见网页。 2 核心问题讲解查看在 application ---- application cache里面可以看见这个不是很常用就是告诉大家以后见到要认识使用 1 在需要离线缓存存储的页面加上 manifest = "cache.manifest" <!DOCTYPE HTML>...

HTML5的manifest缓存

weixin_30545285的博客

06-06

HTML5的manifest缓存 (2014-03-21 17:09:16) 转载▼ 要使用manifest缓存，我们首先需要写一个manifest文件。这个文件有严格的格式要求，下面是个例子CACHEMANIFEST#我是注释，这个文件名叫test.manifestCACHE:/test.css/test.js　　这就是一个简单的manifest文件。一开始必须是“CA...

H5 Manifest实现缓存刷新

俞祥胜的.Net进阶之旅

03-24

2607

最近手头的微信项目即将上线，有大量优化工作，发布频率有点快，导致测试人员微信里的样式直接打开根本刷新不出来（需手动刷新多次），考虑以后客户的行为，我们想到了刷新缓存。市场上通用的几种刷新缓存方式：手动（2C项目忽略，用户根本不知道），样式、Js文件名+版本号(项目管理中，个人感觉不太适合)，Manifest(H5推出的) Manifest 应用程序缓存，带来三个优势：离线浏览

html5的离线存储原理,HTML5离线存储——manifest简介

weixin_34015347的博客

05-31

526

本文作者：IMWeb json未经同意，禁止转载离线存储的作用1、用户可离线访问应用，这对于无法随时保持联网状态的移动终端用户来说尤其重要2、用户访问本地的缓存文件，通常意味着更快的访问速度3、仅仅加载被修改过的资源，避免同一资源对服务器多次的请求，大大降低了对服务器的访问压力Manifest是什么manifest文件是简单的文本文件，它告知浏览器被缓存的内容(以及不缓存的内容)，支持manife...

html5 中创建manifest缓存以及更新方法