Web Bundles
Chrome 开发者工具新功能

将完整的网站捆绑为单个文件并使其可共享为网络开辟了新的用例。 想象一个你可以:

  • 创建自己的内容并以各种方式分发,不受网络限制
  • 通过蓝牙或 Wi-Fi Direct 与您的朋友分享网络应用程序或网络内容
  • 在您自己的 USB 上携带您的网站,甚至将其托管在您自己的本地网络上

Web Bundles API 是一项前沿提案,可让您完成所有这些工作。

Web Bundles API 目前仅在基于 Chromium 的浏览器中受实验性标志支持。

Web Bundle 是一种文件格式,用于将一个或多个 HTTP 资源封装在单个文件中。 它可以包含一个或多个 HTML 文件、JavaScript 文件、图像或样式表。

Web Bundles,更正式地称为 Bundled HTTP Exchanges,是 Web Packaging 提案的一部分。

Web Bundle 中的 HTTP 资源由请求 URL 编制索引,并且可以选择带有保证资源的签名。 签名允许浏览器理解和验证每个资源的来源,并将每个资源视为来自其真实来源。 这类似于 Signed HTTP Exchanges(一种用于对单个 HTTP 资源进行签名的功能)的处理方式。

Explaining Web Bundles

准确地说,Web Bundle 是一个扩展名为 .wbn 的 CBOR 文件(按照惯例),它将 HTTP 资源打包成二进制格式,并以 application/webbundle MIME 类型提供服务。您可以在规范草案的顶级结构部分相关信息。

Web Bundles 有多个独特的功能:

  • 封装多个页面,将一个完整的网站打包成一个文件
  • 启用可执行的 JavaScript,与 MHTML 不同
  • 使用 HTTP 变体进行内容协商,即使捆绑包离线使用,也可以使用 Accept-Language 标头进行国际化
  • 当由其发布者加密签名时,在其来源的上下文中加载
  • 在本地服务时几乎立即加载

这些功能开启了多个场景。一种常见的方案是能够构建一个独立的 Web 应用程序,该应用程序无需 Internet 连接即可轻松共享和使用。例如,假设您和朋友乘坐从东京飞往旧金山的飞机。你不喜欢机上娱乐。您的朋友正在玩一款名为 PROXX 的有趣网络游戏,并告诉您他们在登机前将游戏下载为 Web Bundle。它可以完美地离线工作。在 Web Bundles 之前,故事将就此结束,您要么必须轮流在朋友的设备上玩游戏,要么寻找其他东西来打发时间。但是使用 Web Bundles,您现在可以执行以下操作:

  • 请您的朋友分享游戏的 .wbn 文件。例如,可以使用文件共享应用程序轻松地对等共享文件。
  • 在支持 Web Bundle 的浏览器中打开 .wbn 文件。
  • 开始在您自己的设备上玩游戏并尝试击败您朋友的高分。

可以在 Chrome 开发者工具中打开对 Web Bundles 请求的预览功能。

访问 chrome://flags, 访问标签 #enable-experimental-web-platform-feature,启用该项功能:

#enable-experimental-web-platform-features

更多Jerry的原创文章,尽在:“汪子熙”:

Web Bundles 学习笔记相关推荐

  1. Web Components 学习笔记一: Web Components是什么?解决了什么问题?

    公众号:妙蛙种子前端 文章原文地址:Web Components笔记一: Web Components是什么?解决了什么问题? | 妙蛙种子 - 记录WEB前端技术学习成长过程的博客 Web Comp ...

  2. Java web与web gis学习笔记(二)——百度地图API调用

    系列链接: Java web与web gis学习笔记(一)--Tomcat环境搭建 Java web与web gis学习笔记(二)--百度地图API调用 JavaWeb和WebGIS学习笔记(三)-- ...

  3. web安全学习笔记--sql语句(sql注入基础上)

    一.基础知和表内操作语法 1.sql语句对大小写不敏感!!! SELECT - 从数据库表中获取数据:select * from (columns/tables/databases); UPDATE ...

  4. web前端学习笔记(最新)

    web前端学习笔记 大家好,我是链表哥,新的学期,新的学习,我会为您展示我的学习进程. 一:什么是WEB前端? 所谓的Web前端指的是用户所能接触到的,并服务于用户的前沿端口,经我们程序员编辑修饰后展 ...

  5. Web Service学习笔记

    Web Service概述 Web Service的定义 W3C组织对其的定义例如以下,它是一个软件系统,为了支持跨网络的机器间相互操作交互而设计.Web Service服务通常被定义为一组模块化的A ...

  6. 【web开发学习笔记】Structs2 Result学习笔记(三)带參数的结果集

    Result学习笔记(三)带參数的结果集 第一部分:代码 //前端 <head> <meta http-equiv="Content-Type" content= ...

  7. kestrel java_Kestrel Web 服务器学习笔记

    前言: ASP.NET Core 已经不是啥新鲜的东西,很多新启的项目都会首选 Core 做开发: 而 Kestrel 可以说是微软推出的唯一真正实现跨平台的 Web 服务器了: Kestrel 利用 ...

  8. Spring Boot进阶之Web进阶 学习笔记

    前言 昨天 -> 带女朋友和小表弟去了动物园,看了<全球风暴>电影. 今天 -> 学习了慕课网的Spring Boot进阶之Web进阶的视频和该项目 项目源码,看了一个基于Sp ...

  9. web安全学习笔记--基础入门

    一.名词 1.DNS(域名系统):将域名和IP地址相互映射的一个分布式数据库,便于用户访问:UDP/TCP端口为53,利用cmd中ping命令可以查看域名所对应的ip号 2.CDN(内容分发网络):将 ...

最新文章

  1. C++类功能扩展预留五招
  2. 利用python爬虫(案例5)--X刺代理的小IP们
  3. java配置文件放置到jar外_java相关:Spring Boot 把配置文件和日志文件放到jar外部...
  4. HTML文件可通过www进行传输,使用 zssh 进行 Zmodem 文件传输
  5. 江小白包装设计原型_江小白果立方系列包装设计 获奖作品欣赏【工业设计作品集】...
  6. BestCoder15 1002.Instruction(hdu 5083) 解题报告
  7. 挂机宝是服务器还是虚拟主机,挂机宝属于虚拟主机吗
  8. 大学电路题目怎么搜_大学扫一扫题目出答案软件,可以拍照搜大学题目的app,大学电路分析搜题软件...
  9. 概率论经典问题之匹配问题
  10. 使用百度地图API在页面添加百度地图应用
  11. 爱荷华州立大学计算机专业,爱荷华州立大学|Iowa State University|Department of Electrical and Computer Engineering_毕达留学...
  12. 职业学校计算机和机电哪个好,职业学校都有什么专业10大热门专业
  13. 零基础入门禅绕画——钢琴物语
  14. Feed Ratios
  15. ERROR security.UserGroupInformation: Priviledge...
  16. 罕见整套ZBrush笔刷合集,看完马上收藏了
  17. 【Unity】模拟果冻效果(有碰撞)——JellySprites插件使用教程
  18. Android之doze机制的白名单
  19. Mentor Graphics ModelSim SE 10.5官方原版+完美破解
  20. insertSelective和insert的区别?

热门文章

  1. virtualbox 安装虚拟机(centos7) 并映射本地文件夹至虚拟机(增强工具)
  2. SocialFish-kali下社会工程学钓鱼工具
  3. 同步云数据库MySQL到自建数据库
  4. java-二分查找树的实现
  5. 升级Python后yum不可用的解决方案
  6. 仿简书、淘宝等等App的View弹出效果
  7. Android开发5——文件读写
  8. WGho_Setup 雨林木风 一键备份
  9. JavaSE学习之IO流使用技巧
  10. 微信小程序项目实战知识点总结(swiper组件自适应高度,自定义弹出层,悬浮按钮,虚拟键盘)...