html5中manifest特性测试（一）

最新推荐文章于 2022-02-27 00:20:29 发布
最新推荐文章于 2022-02-27 00:20:29 发布
阅读量1.1w 收藏
点赞数
分类专栏： 未分类 文章标签： cache html5 HTML5 Html5 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tsxw24/article/details/8348831
版权


测试环境和工具   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元/天 解锁文章
five-zh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack manifest.js分割的一个错误
mymy_blog的博客
09-22 2539
介绍一个webpack打包的应用中，js代码可以分为三类： * 团队或者个人编写的代码。 * 第三方代码，例如react、vue等。 * 运行时各个模块之间连接交互的代码。看一个具体的配置const webpack = require('webpack'); const CleanWebpackPlugin=require('clean-webpack-plugin'); const path
HTML5新增离线缓存Manifest
Jackson_Mseven的博客
06-19 364
Cache Manifest 是一个后缀名为.minifest的文件，在文件中定义那些需要缓存的文件，支持 Cache Manifest 的浏览器，会将按照.manifest文件的规则，将文件保存在本地，从而在没有网络链接的情况下，也能访问页面。当第一次正确配置 app cache 后，再次访问该应用时，浏览器会首先检查.manifest文件是否有变动，如果有变动就会把相应的变动更新下来，同时改变浏览器里面的 app cache，如果没有变动，就会直接把 app cache 的资源返回，基本流程是这样的。
UI5(三)Component.js. manifest.json应用程序描配置
修电脑的猫的博客
12-24 1080
其实SAPUI5，是可以把这些东西配置封装到Component.js文件中的，每当我们访问资源时，我们现在都将相对于组件（而不是相对于组件）进行操作。这种架构上的变化使我们的应用程序可以在比静态应用程序更灵活的环境中使用index.html 页面，例如SAP Fiori启动板之类的周围容器中。 该组件名为 Component.js. 连同该应用程序的所有UI文件一起，该组件位于 WEBAPP文件夹下。 index.html 文件位于webapp 文件夹下，是主文件。 描述符文件名为 manifest.jso
傻傻分不清的Manifest
weixin_33882443的博客
06-05 1064
在前端，说到manifest，其实是有歧义的，就我了解的情况来说，manifest可以指代下列含义： html标签的manifest属性: 离线缓存（目前已被废弃） PWA: 将Web应用程序安装到设备的主屏幕 wbbpack中webpack-manifest-plugin插件打包出来的manifest.json文件，用来生成一份资源清单，为后端渲染服务 webpack中DLL打包时,输出的ma...
H5离线存储Manifest原理及使用
01-19
理解： 离线存储可以将站点的文件储存在本地，在没有网络的情况下还是可以访问到存储的对应的站点的页面，这些文件可以包括html，js，css，img等等文件。但其实即使在有网络的时候，浏览器也会优先使用已离线存储的文件。 什么是Manifest： Manifest是一个简单的 文本文件，它的扩展名是任意的，定义需要缓存的文件、资源，当第一次打开时，浏览器会自动缓存相应的资源。 Manifest 的特点： 离线浏览：即当网络断开时，可以继续访问你的页面。 访问速度快：将文件缓存到本地，不需每次都从网络上请求。 稳定性：做了Manifest缓存，遇到突发网络故障或者服务器故障
html5中文手册.zip
12-15
6. **离线存储**：通过`<html manifest>`属性，HTML5可以实现离线存储，使用户在没有网络连接时也能访问部分网页内容。 7. **表单控制增强**：HTML5对表单元素进行了增强，如新增了`<input type="date">`、`...
基于html5 plus做的一个辨色游戏APP.zip
最新发布
02-13
10. 测试与调试：由于涉及到HTML5 Plus的移动特性和跨平台兼容性，开发者需要使用模拟器、真机测试工具，如H5Plus调试工具，进行多平台的测试和调试。 这个辨色游戏APP展示了HTML5和HTML5 Plus在移动应用开发中的...
汤圆爱自拍HTML5游戏源码
06-25
【标题】"汤圆爱自拍HTML5游戏源码"涉及的是HTML5技术在游戏开发中的应用，这是一款基于HTML5构建的互动游戏。HTML5是超文本标记语言的第五个重大版本，它极大地扩展了网页内容的表现形式，特别是在移动设备上，提供...
30个html5手机网站源码
02-28
在本篇文章中，我们将深入探讨HTML5在手机网站开发中的应用，以及通过分析30个不同的手机网站源码，你可以学到的关键知识点。 1. **响应式设计**：HTML5引入了媒体查询（Media Queries）和流式布局（Fluid Grids）...
手机网站列表HTML5页面
11-03
一、HTML5的新特性与优势 1. 媒体元素：HTML5引入了`<audio>`和`<video>`标签，使得内嵌音频和视频变得简单，无需Flash等插件。 2. 语义化标签：如`<header>`, `<nav>`, `<article>`, `<section>`, `<footer>`等，...
html manifest 不支持,如何让网站用上HTML5 Manifest
weixin_33849892的博客
06-26 373
Manifest是用来做离线页面的，即使断网也能正常打开页面，用起来简单，但是在实际使用中存在以下问题：(1)如何自动缓存所有的页面的资源?因为manifest不能使用*通配符进行cache(2)如果网站资源更新，怎么让manifest文件自动更新?不然如果用户不清缓存即使联网也会加载老页面我觉得很多网站没有使用Manifest是因为上面提到的两个原因，有些人有尝试过，但使用起来比较麻烦，离线应用...
html创建manifest,html manifest 离线配置
weixin_39999730的博客
07-04 513
HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。Manifest 文件manifest 文件是简单的文本文件，它告知浏览器被缓存的内容(以及不缓存的内容)。manifest 文件可分为...
HTML5 离线缓存manifest浅析
昕鸿的博客
04-14 6762
最近公司项目开发app内嵌入H5应用，由于公司网络不佳，导致开发的H5应用首页加载时快时慢，体验效果不佳，和原生app相比感觉区别很大。以前学习了解H5的时候对H5的缓存有点印象，故就有了把首页缓存在客户端本地的想法，这样可以保证首页、js-lib、图片的快速加载。这才有了这篇基础文章。 1、简介 W3C官方对manifest的介绍是HTML5 引入了应用程序缓存，这意味着 web 应用可进行
彻底解决Webpack打包性能问题
weixin_33989058的博客
07-29 497
为什么80%的码农都做不了架构师？>>> ...
HTML5 离线缓存-manifest简介
hualimeme的专栏
09-01 1053
原文地址 起源 html5之前的网页，都是无连接，必须联网才能访问，这其实也是web的特色，这其实对于PC是时代问题并不大，但到了移动互联网时代，设备终端位置不再固定，依赖无线信号，网络的可靠性变得降低，比如坐在火车上，过了一个隧道（15分钟），便无法访问网站，这对于web的伤害是很大的，比如对于 《ecmascript合集》这样的为阅读而生的页面。 html5便引入了cache
webpack build后生成的app、vendor、manifest三者有何职能不同？(1/2)
細水、長流√的专栏
09-12 3657
关于网友提出的“ webpack build后生成的app、vendor、manifest三者有何职能不同？”问题疑问，本网通过在网上对“ webpack build后生成的app、vendor、manifest三者有何职能不同？”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下： 问题： webpack build后生成的app、vendor、manifest三者有何职能不同？描述:...
html5的离线存储原理,HTML5离线存储——manifest简介
weixin_34015347的博客
05-31 499
本文作者：IMWeb json未经同意，禁止转载离线存储的作用1、用户可离线访问应用，这对于无法随时保持联网状态的移动终端用户来说尤其重要2、用户访问本地的缓存文件，通常意味着更快的访问速度3、仅仅加载被修改过的资源，避免同一资源对服务器多次的请求，大大降低了对服务器的访问压力Manifest是什么manifest文件是简单的文本文件，它告知浏览器被缓存的内容(以及不缓存的内容)，支持manife...
h5 离线存储 manifest
Luckyzhoufangbing的博客
09-27 260
（一）背景 通过离线存储，我们通过把需要离线存储的文件列入manifest的配置文件中，这样即使在离线的情况下，用户也可以正常看见网页 （二）配置 （1）在需要缓存的页面上加上 manifest="缓存配置文件名称" 最好将文件放在根目录下 <html lang="en" manifest="cache.manifest"> （2）在当前文件夹根目录，新建cache.manifest， manifest文件，基本格式为三段： cache， network与 fallback，其中n
牛客html练习错题
陈同学的博客
02-27 1763
1.DHTML 的动态样式的作用是 () DHTML实现了网页从Web服务器下载后无需再经过服务的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能。例如，当鼠标指针移到文章段落中时，段落能够变成蓝色，或者当鼠标指针移到一个超级链接上时，会自动生成一个下拉式子链接目录等。 包括： ①动态内容(Dynamic Content)：动态地更新网页内容，可“动态”地插入、修改或删除网页的元件，如文字、图像、标记等。 ②动态排版样式(Dynamic Style Sheets)：W3C的CSS样式表提
jsp中Manifest
05-31
在 JSP 中，Manifest 是一个包含关于 Java 程序包（JAR 文件）的元数据信息的文件。Manifest 文件通常存放在 JAR 文件的 META-INF 目录下。Manifest 文件中包含了该程序包的版本、作者、创建时间以及依赖关系等信息...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值