网站内容自动更新(内容索引API(ContentIndexing)提供你的应用已经缓存)
优采云 发布时间: 2022-01-09 06:08网站内容自动更新(内容索引API(ContentIndexing)提供你的应用已经缓存)
内容索引
Progressive 网站App可以通过Cache Storage API或者IndexedDB离线存储图片、视频、文章等。但是用户如何找到这些内容,以及他们如何知道它可以离线使用?
内容索引 API(内容索引)提供有关您的应用程序缓存的媒体的信息。新 API 允许您删除、添加和列出资源。浏览器可以使用此信息来显示可脱机可用的资源列表。
在 Web Workers 中使用 ECMAScript 的模块
Worker的构造函数参数支持type选项,值为module
const worker = new Worker('worker.js', {
type: 'module'
});
其他更新内容自动升级混合内容
在 https 页面中,即使内容不支持 https,Chrome 也会自动将页面中链接的 http 内容升级为 https 协议。当前版本只对音视频有效,即https站点中的音视频必须支持https协议,否则无法使用。
压缩流
JavaScript 可以处理 Gzip 和 deflate 压缩流,通过 CompressionStream 和 DecompressionStream 接口实现。
在此之前,可以使用一些第三方库来实现压缩和解压,但是有了这个特性,开发者可以更轻松地压缩和解压数据,避免了在代码中打包压缩器的需要。
联系人选择 API
联系人选择 API 是适用于 Android 版 Chrome 的新 API,它允许用户从他们的联系人列表中选择联系人并与 网站 共享有限的信息。
饼干升级
在 Chrome 51 和 Firefox 60 中引入了 SameSite 属性,以允许站点声明是否应将 cookie 限制在同一站点上下文中,从而降低跨站点请求伪造 (CSRF) 的风险。
在 Chrome 80 中,将删除以下几个向后兼容的行为。
SameSite 属性不允许默认为“无”
SameSite 属性现在默认是允许的,这意味着您的 cookie 仅对顶级导航中的其他站点可用。正如最初在 Chrome 中实现的那样,SameSite 属性默认为 None,这实际上是 web 的当前状态。Cookie 具有有效的跨站点用例,但如果站点所有者之前不希望允许使用跨站点 cookie,则无法声明或强制执行此类意图。
在不安全的上下文中不再允许“无”值
SameSite 属性现在需要将 Secure 属性与 None 一起设置。Secure 属性要求 cookie 仅在安全环境(例如 https)中传输。
CSS 改进换行:任何地方
溢出包装:任何地方
解码加密媒体
现在可以使用函数 MediaCapabilities.decodingInfo() 来加密媒体。decodeInfo() 方法(在 可用)允许 网站 获取有关客户端解码能力的更多信息。这使用户能够更明智地选择媒体流,从而针对可用带宽和屏幕尺寸实现流畅且节能的视频解码等场景。
在网络支付中委托收货地址和联系信息
现在,使用支付处理程序 API,浏览器可以将送货地址和付款人的联系信息委托给支付处理程序。将收货地址和联系信息的采集委托给支付处理器会带来更好的用户体验,因为支付应用程序可能比浏览器拥有更准确的信息。它还减少了结帐步骤,因为浏览器可以直接显示付款处理程序窗口,而不是首先显示付款单 UI 以采集送货地址和/或付款人的联系信息。
获取元数据目标标头
Chrome 现在支持 Sec-Fetch-Dest HTTP 请求标头,它将请求的目的地公开给服务器,并根据安全决策为服务器提供信息。
HTMLVideoElement.getVideoPlaybackQuality()
此方法检索有关视频播放性能的信息。此类信息可用于向上或向下更改比特率、帧率或分辨率,以提供更好的用户体验。
Offscreen Canvas 支持 getTransform() favicon 支持使用 svg 文本 URL 片段
以前,可以使用 URL 锚点来定位页面的指定 id 或名称,但现在可以使用锚点来定位特定的一段文本内容。加载页面时,浏览器会突出显示它并将内容滚动到浏览器窗口中。
已弃用和删除的功能 禁用页面卸载时的弹出窗口 禁用页面关闭时的同步 XMLHttpRequest() 不推荐使用 FTP
Chrome 80 的 FTP 功能仅限于显示目录和通过未加密的 FTP 下载
移除 Web 组件 v0 remove-webkit-appearance: 按钮