Chrome 81 正式发布 !消灭混合内容最后一步~


Chrome 81 于前天正式发布了,这个版本其实最初是计划在 3 月 17 号 发布的,但由于冠状病毒(COVID-19)爆发而导致推迟到了现在。Chrome 81 的延迟也扰乱了 Google 正常的六周发布时间表。因此 Google 此前也宣布,下一个版本将直接跳过 Chrome 82 ,直接发布 Chrome 83

下面我就来带大家看看 Chrome 81 有哪些重要的更新。

速览

  • 混合内容升级三步走的第三步 —— 禁用混合img资源
  • 删除 FTP 协议支持
  • 弃用 TLS 1.0 和 TLS 1.1(延迟)
  • TLS 1.3 稳定性增强
  • 不安全的下载将被直接阻止
  • 支持 WEB NFC
  • Ar(现实增强)支持

混合内容升级三步走的第三步 —— 禁用混合img资源


Chrome 81 标志着 Google 分三步走的计划中的最后一个版本,该计划目的是从网络上全面消除混合 HTTPS 内容。

混合 HTTPS 内容早在上个版本(Chrome 80)的更新中我就介绍过了:是指通过 HTTPHTTPS 加载图像、JavaScript 或样式表等内容的网页,这意味着该站点实际上并不完全通过 HTTPS 加载。

Google 宣布的最终目标是将所有 HTTP 内容自动升级到他们的模拟 HTTPS URL。但是,一次性执行这样的操作是很危险的,因为这可能会导致大量混合内容的站点出现问题。

因此,为了防止造成重大破坏,Google 为该过程选择了一个三步计划:

2019 年 12 月发布的 Chrome 79 中,该团队将引入一个新设置来取消阻止特定网站上的混合内容。此设置将应用于混合脚本、iframeChrome 当前默认阻止的其他类型的内容。用户可以通过单击任意 https:// 页面上的锁定图标并单击“站点设置”来切换此设置。这将替换显示在多功能框右侧的屏蔽图标,以取消阻止以前版本的台式机 Chrome 浏览器中的混合内容。

Chrome 80 中,混合的音频和视频资源将自动升级到 https://,如果它们无法通过 https:// 加载,则 Chrome 默认会阻止它们。Chrome 80 仍然可以加载混合图像资源,但它们会使 Chrome 在状态框上显示不安全。

Chrome 81 中,混合的图像资源会自动升级到 https://,如果无法通过 https:// 加载,Chrome默认会阻止它们。

弃用 TLS 1.0 和 TLS 1.1(延迟)

Chrome 小组早在去年10月就宣布了淘汰旧版TLS版本(TLS 1.0和1.1)的计划。Firefox 74 也在前几天宣布将禁用基于 TLS 1.0 和 TSL 1.1 协议的网站。

Chrome 81 中,Chrome 将用整页警告标记用户不支持 TLS 1.2 更高版本的站点连接不完全安全。


但是,在最新的 Chrome 官方博客中我发现:从 Chrome 删除 TLS 1.0TLS 1.1 加密协议的计划现在延迟到了 Chrome84。延迟删除这两个协议的决定与当前的新冠病毒爆发有关,因为很多重要政府医疗网站还在使用 TLS 1.0 和 1.1 来建立其 HTTPS 连接,现在进行整页警告可能会对抗击疫情造成影响。

目前 Chrome 将继续针对使用 TLS 1.01.1 的网站显示 “不安全” 提示, Chrome 81 Beta 会显示受影响网站的整页插页式警告。

删除 FTP 协议支持


Chrome 81 将不再直接支持 FTP 协议,建议用户使用本机 FTP 客户端。

TLS 1.3 稳定性增强


Chrome 之前的更新中,由于开启了 TLS 1.3,但是兼容性没有处理好,而 TLS 1.3 只有在浏览器端和服务器同时支持的时候才能正常访问。从而导致大量用户无法访问站点,谷歌官方当时给出的解决办法是先关闭浏览器的 TLS 1.3 版本的支持。后来 Chrome 又禁用了一些 TLS 1.3 的功能才使得访问稳定。

Chrome 81 中又对 TLS 1.3 做了加强,防止攻击者降级到 TLS 1.2 及更早版本,并且支持了 TLS 1.3 完整功能的向后兼容。

不安全的下载将被直接阻止

Chrome 83 开始,不安全的下载将直接被阻止,和上面的混合内容更新一样,这个更新也是分步进行的,直到 Chrome 86 所有在安全页面上的不安全的下载将被全部阻止:

支持 WEB NFC


Chrome 中添加的新的 Web NFC 标准将允许网站与 NFC 标签进行交互,从而无需用户在手机上安装特殊的应用程序。

const reader = new NDEFReader();

async function startScan() {
  await reader.scan();
  reader.onreading = (e) => {
    console.log(e.message);
  };
}

Google 相信,新的 Web NFC 标准将在 Web 开发人员中取得广泛的应用,尤其是对于 AndroidChrome 而言,该标准可用于以下场景:

当用户将运行 Chrome 的智能手机或平板电脑触摸展览附近的 NFC 卡时,博物馆和美术馆可以显示有关显示器的其他信息。

处理公司库存的网站,公司站点和 Intranet 将能够读取数据或将数据写入容器或产品上的 NFC 标签,从而简化库存管理。

会议现场可以使用它来扫描 NFC 标签。

AR(增强现实)支持


谷歌为 WebXR API 增加了两个沉浸性特性,允许在相机视图中放置虚拟物体。

Chrome 81 正式发布 !消灭混合内容最后一步~

Chrome 81 于前天正式发布了,这个版本其实最初是计划在 3 月 17 号 发布的,但由于冠状病毒(COVID-19)爆发而导致推迟到了现在。Chrome 81 的延迟也扰乱了 Google 正常的六周发布时间表。因此 Google 此前也宣布,下一个版本将直接跳过 Chrome 82 ,直接发布 Chrome 83。 下面我就来带大家看看 Chrome 81 有哪些重要的更新。

发布于:1月以前  |  105次阅读  |  详细内容 »

当浏览器全面禁用三方 Cookie

苹果公司前不久对 Safari 浏览器进行一次重大更新,这次更新完全禁用了第三方 Cookie,这意味着,默认情况下,各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie,但是由于这些浏览器市场份额较小,并没有给市场带来巨大的冲击。

发布于:1月以前  |  91次阅读  |  详细内容 »

H5 直播的疯狂点赞动画是如何实现的?

直播有一个很重要的互动:点赞。 为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞通常有两个特殊需求: 点赞动作无限次,引导用户疯狂点赞 直播间的所有疯狂点赞,都需要在所有用户界面都动画展现出来(广播用户使用websocket消息)

发布于:1月以前  |  89次阅读  |  详细内容 »

探索 Serverless 中的前端开发模式

最近关于 Serverless 的讨论越来越多。看似与前端关系不大的 Serverless,其实早已和前端有了渊源,并且将对前端开发模式产生变革性的影响。本文主要就根据个人理解和总结,从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开发最佳实践等方面,与大家探讨 Serverless 中的前端开发模式。本人也有幸在 QCon2019 分享了这一主题。

发布于:1月以前  |  115次阅读  |  详细内容 »

前端需要了解的9种设计模式

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论,而不是现成的代码,当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题,毕竟这是前人无数经验总结成的最佳实践,而代码实现则是对加深理解的辅助。

发布于:1月以前  |  96次阅读  |  详细内容 »

为什么你的网页需要 CSP?

内容安全策略(CSP)是一个 HTTP Header,CSP 通过告诉浏览器一系列规则,严格规定页面中哪些资源允许有哪些来源, 不在指定范围内的统统拒绝。

发布于:1月以前  |  87次阅读  |  详细内容 »

10 种跨域解决方案(附终极方案)

嗯。又来了,又说到跨域了,这是一个老生常谈的话题,以前我觉得这种基础文章没有什么好写的,会想着你去了解底层啊,不是很简单吗。但是最近在开发一个 「vscode 插件」 发现,当你刚入门一样东西的时候,你不会想这么多,因为你对他不熟悉,当你遇到不会的东西,你就是想先找到解决方案,然后通过这个解决方案再去深入理解。

发布于:1月以前  |  140次阅读  |  详细内容 »

移动 Web 最佳实践(干货长文,建议收藏)

笔者在公司用 web 技术开发移动端应用已经有一年多的时间了,开始主要以 vue 技术栈配合 native 为主,目前演进成 vue + react native 技术架构,vue 主要负责开发 OA 业务,比如报销、出差、crm 等等,react native 主要负责即时通信部分,是在 mattermost-mobile的基础上修改的(mattermost 是一个开源的即时通讯方案)。

发布于:1月以前  |  100次阅读  |  详细内容 »

不可错过的实用前端工具

给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具,包括一些小游戏、教程、社区网站和博客,以及一些资源网站,希望可以帮助到大家!

发布于:1月以前  |  92次阅读  |  详细内容 »

理解 WebView

我们通常使用 Chrome, Firefox, Safari, Internet Explorer 和 Edge 等浏览器来浏览网页。你也许正在使用其中一种浏览器阅读本文!虽然浏览器对于访问互联网内容的任务来说非常流行,它们还有一些我们从未过多关注过的竞争对手。这些竞争对手以 WebView 的形式被我们所熟知。这片文章将讲解 WebView 的神秘之处以及为什么它这么棒。

发布于:1月以前  |  94次阅读  |  详细内容 »

Facebook 前端技术栈重构分享

当我们考虑如何构建一个新的网络应用—一个为现代浏览器设计的、具有用户对Facebook(我们已知的)所有期望的功能,我们现有的技术栈无法支持我们所需要的类似于桌面应用的感觉和性能。

发布于:1月以前  |  96次阅读  |  详细内容 »

最多阅读

为Electron程序添加运行时日志 1年以前  |  4814次阅读
初探 React 组件 1年以前  |  2169次阅读
wordpress标签页的制作 1年以前  |  2056次阅读
Node.js下通过配置host访问URL 1年以前  |  1995次阅读
js动态创建类和实例化 1年以前  |  1976次阅读
500行PHP代码搞定富文本安全过滤 1年以前  |  1954次阅读
22个HTML5的初级技巧 1年以前  |  1902次阅读
使用 SRI 增强 localStorage 代码安全 1年以前  |  1901次阅读
浅谈浏览器的原生拖拽事件 1年以前  |  1869次阅读
第三版主题上线 1年以前  |  1859次阅读
CSS清除浮动 1年以前  |  1855次阅读
2014年度总结 1年以前  |  1805次阅读
【译】V8 团队眼中的 ES6、ES7及未来 1年以前  |  1799次阅读
利用服务器返回header来传输数据 1年以前  |  1788次阅读
获取元素的计算的样式 1年以前  |  1784次阅读