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日

相关文章

  • Web移动端布局那些事

    下面我将详细讲解“Web移动端布局那些事”的完整攻略,包含以下几个步骤: 1. 了解移动端布局常用的单位 在进行移动端布局之前,我们需要了解移动端常用的单位。在移动端布局中,我们经常使用的单位主要有以下两种: rem:相对于根元素的字体大小。如根元素font-size:16px,则1rem=16px vw/vh:相对于屏幕宽度和高度的百分比。如宽度为100v…

    css 2023年6月10日
    00
  • 通过css3动画和opacity透明度实现呼吸灯效果

    以css3动画和opacity透明度实现呼吸灯效果的完整攻略如下: 1. 准备工作 在开始使用CSS3动画和opacity透明度实现呼吸灯效果前,需要进行一些准备工作,包括CSS代码的编写和HTML文件的准备。一般步骤是: 在HTML文件中创建一个需要实现呼吸灯效果的元素,例如一个div或者一张图片; 为该元素设置CSS样式,确定元素的位置、大小、背景颜色等…

    css 2023年6月10日
    00
  • CSS columns实现两端对齐布局的示例代码

    实现两端对齐布局常常是前端开发的需求之一,CSS columns提供了一种简便的方式来实现。下面进行详细讲解: 什么是CSS columns? CSS columns是CSS3的一个模块,它使得文本流可以按照指定的列数进行排版。它可以对任意的块状元素进行拆分,使得文本像报纸一样分布在列中,还可以自动分页。CSS columns还支持分列后实现两端对齐排版。 …

    css 2023年6月10日
    00
  • 深入理解和应用css中Float属性

    深入理解和应用CSS中Float属性 概述 在 CSS 中,float 属性用于控制元素的浮动状态,常用于实现元素的排列,并且被广泛应用于响应式网页设计中。本篇文章将全面介绍 float 属性的使用方法以及相关的技巧和注意事项,帮助你更好地理解和应用 float 属性。 Float 属性的基本使用 Float 属性有三个常见的取值:left、right 和 …

    css 2023年6月10日
    00
  • 你对CSS布局中的Position了解程度有多少

    我非常了解CSS布局中的Position,它是CSS布局的重要组成部分,可以帮助我们精确地定位HTML元素的位置。 在CSS中,Position属性用于指定HTML元素在文档中的定位方式。常见的Position值有static、relative、absolute和fixed。其中,static是元素默认的定位方式,relative是相对于元素自身原来的位置进…

    css 2023年6月9日
    00
  • css中属性值继承全面总结(推荐)

    CSS中属性值继承全面总结 在 CSS 中,属性值继承可以使得子元素继承父元素的某些属性,从而达到简化样式表的作用。本文将对 CSS 中属性值继承进行全面总结,并提供两个实例说明。 一、属性值的继承规则 在 CSS 中,有些属性的值是可以被后代继承的,也就是说子元素可以继承父元素的某些属性值。以下是大部分属性值的继承规则。 可继承的属性: 属性名 属性类型 …

    css 2023年6月10日
    00
  • Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码

    下面我将详细讲解Vue实现Tab标签路由效果并用Animate.css做转场动画效果的代码的完整攻略。 一、介绍 在Vue中实现Tab标签路由效果,同时使用Animate.css做转场动画效果,需要使用Vue Router和Animate.css,Vue Router 用来实现路由,Animate.css 用来实现动画效果。本文将通过两个示例来详细讲解。 二…

    css 2023年6月9日
    00
  • CSS或者JS实现鼠标悬停显示另一元素

    实现鼠标悬停显示另一元素,可以使用CSS或者JS来实现。在此,我将分别介绍两种方式的实现方法,并给出具体的示例说明。 使用CSS实现 使用CSS可以通过:hover选择器实现鼠标悬停显示另一元素的效果。具体步骤如下: 首先需要确定鼠标悬停时要显示的元素,并在CSS中设置display为none,即元素默认不显示。 接着,需要为要悬停的元素添加:hover选择…

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