Chrome 83稳定版发布 更新内容汇总介绍

Chrome 83稳定版发布 更新内容汇总介绍

Chrome 83是谷歌最新发布的一个版本,带来了一些新的功能和优化。以下是具体的更新内容。

安全性增强

Chrome 83包含了多项安全性增强功能,其中最重要的是“SameSite”标识符的更新。这将有助于防止一些跨站攻击(CSRF)的发生。更具体地说,Chrome 83会对Cookie的SameSite值进行更加严格的验证,以确保Cookie只会被本网站所使用。

增强隐私保护

Chrome 83也加强了隐私保护功能。该浏览器支持新的Web API,其中包括了Web OTP和Web NFC。这些API可以帮助用户更加方便地进行身份验证和数据传输,同时不会泄漏用户的隐私信息。

另外,Chrome 83还加强了安装扩展程序的权限。该浏览器现在只会在用户确认其安装扩展程序后,才会进行下载和安装操作。

性能优化

Chrome 83针对多种场合进行了性能优化。这意味着您的网站将更快地加载和渲染,从而提高用户体验和满意度。具体来说,Chrome 83使用新的指针锁机制,这可以更高效地处理JavaScript对象,并且对于使用大量JavaScript的网站,可以提高渲染速度。

示例说明

示例1:新的Web API

例如,您正在开发一个Web应用程序,需要使用短信身份验证功能。这时您可以使用Chrome 83中新增的Web OTP API。该API可以直接与手机短信应用程序进行交互,从而更加方便地完成短信身份验证流程。

navigator.credentials.get({ otp: { transport: ["sms"] } })
.then((assertion) => {
    console.log(assertion);
})
.catch((error) => {
    console.log(error);
});

示例2:SameSite cookie

假设您有一个Web应用程序,其中包含用户登录功能。在该应用程序中,您使用了第三方Cookie(例如Google Analytics),以便跟踪用户的行为。但由于“SameSite”值的更改,第三方Cookie将无法使用。为了解决这个问题,您可以考虑使用“SameSite=None; Secure”属性来覆盖默认选项。

Set-Cookie: cookiesession1=VdvTc6CpcIRPqk7N; SameSite=None; Secure
Set-Cookie: cookiesession2=VdvTc6CpcIRPqk7N; HttpOnly; Secure

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Chrome 83稳定版发布 更新内容汇总介绍 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • 浅谈CSS编程中的定位问题

    当我们在进行 CSS 编程的时候,定位问题是一个非常重要的环节。在这篇文章中,我们将会从如下三个方面来浅谈 CSS 编程中的定位问题: 定位类型 定位属性 定位示例 定位类型 在 CSS 中,有三种常见的定位类型,分别是: 静态定位(static) 相对定位(relative) 绝对定位(absolute) 其中,静态定位是默认的定位类型,相对定位是相对于元…

    css 2023年6月9日
    00
  • 用css来实现透视效果

    接下来我将为你详细讲解如何用CSS来实现透视效果的完整攻略,包含以下几个部分: 概述透视效果 使用 transform: perspective() 创建透视 使用 transform-style: preserve-3d 将子元素转换为三维空间 使用 transform: rotate() 扭曲被转换的子元素 通过示例说明如何实现透视效果 概述透视效果 透…

    css 2023年6月9日
    00
  • Dreamweaver网页制作怎么使用css样式嵌套?

    Dreamweaver是一款流行的网页制作工具,它提供了丰富的CSS样式编辑功能,包括样式嵌套。本攻略将介绍如何在Dreamweaver中使用CSS样式嵌套,以及两个示例说明。 使用CSS样式嵌套 CSS样式嵌套是一种将多个CSS样式组合在一起的方法,可以使CSS代码更加简洁和易于维护。在Dreamweaver中,可以使用CSS规则面板来创建和编辑CSS样式…

    css 2023年5月18日
    00
  • CSS单标签实现复杂的棋盘布局

    CSS单标签实现复杂的棋盘布局,可以使用:before和:after伪元素来实现。 关键CSS样式如下: /* 容器样式 */ .container { display: flex; flex-wrap: wrap; width: 540px; height: 540px; margin: 0 auto; } /* 单格样式 */ .container:af…

    css 2023年6月10日
    00
  • 深入理解CSS行高line-height与文本垂直居中的原理

    深入理解CSS行高line-height与文本垂直居中的原理 什么是行高line-height 行高(line-height)指的是一行文本的高度。它包括了文本的实际高度以及上下文间的空白区域。这些空白区域被称为行框(line box)。 行高可以通过CSS的“line-height”属性进行控制,该属性的值可以设置成像素、百分比、浮点数和normal等,不…

    css 2023年6月10日
    00
  • CSS可以做的几个令你叹为观止的实例分享

    下面我将详细讲解CSS可以做的几个令你叹为观止的实例分享。 1. 制作3D图片展示效果 首先,我们可以使用CSS制作出令人眼前一亮的3D图片展示效果。具体方法如下: 首先,我们需要定义一个3D场景,可以使用perspective属性来定义。接着,我们需要在这个场景中放置我们的3D图片。可以使用transform-style:preserve-3d属性来开启一…

    css 2023年6月9日
    00
  • 更加强大!Photoshop CC 2014新功能详细介绍(图文)

    更加强大!Photoshop CC 2014新功能详细介绍(图文) Photoshop CC 2014是Adobe公司在2014年6月发布的全新版Photoshop,带来了许多强大的新功能,让设计师和摄影师能够更加轻松地实现想象中的创意。本文将对Photoshop CC 2014的新功能进行详细介绍。 直译功能 Photoshop CC 2014新增了直译功…

    css 2023年6月10日
    00
  • Git服务器的Gitosis安装配置及gitignore的使用方法

    Git服务器的Gitosis安装配置 安装Gitosis 在Linux服务器上安装Git: sudo apt-get install git 创建一个git用户: sudo adduser –system –shell /bin/bash –gecos ‘git version control’ –group –disabled-password …

    css 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部