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

yizhihongxing

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中怎么让DIV居中亲自实验得出的结论

    在 CSS 中,让 DIV 元素居中是一个常见的需求。以下是关于如何让 DIV 元素居中的完整攻略。 方法一:使用 margin 属性 使用 margin 属性是让 DIV 元素居中的一种常见方法。以下是一个示例: <div class="container"> <div class="box"&gt…

    css 2023年5月18日
    00
  • 使用CSS3来实现滚动视差效果的教程

    使用CSS3来实现滚动视差效果的教程 滚动视差效果指在页面滚动时,背景和前景以不同的速度滚动,产生出迷人的视觉效果。在CSS3中,可以使用一些属性和技巧来实现滚动视差效果。本文将详细讲解如何使用CSS3来实现滚动视差效果。 第一步:CSS的准备 在HTML文件中,可以通过<link>标签将CSS文件引入。在CSS文件中,需要先设置body和htm…

    css 2023年6月10日
    00
  • JavaScript实现div的鼠标拖拽效果

    对于 “JavaScript实现div的鼠标拖拽效果” 这个问题,我将分为以下几个部分来进行详细讲解: 实现思路 相关API及代码示例 注意事项和遇到的问题及解决方法 1. 实现思路 实现鼠标拖拽的原理是:当鼠标在可拖拽元素上按下时,我们需要记录下相应的鼠标位置以及元素的位置信息,并在后续鼠标移动时进行计算,以实现元素跟随鼠标移动的效果,然后在鼠标抬起时,停…

    css 2023年6月10日
    00
  • jQuery实现的图片轮播效果完整示例

    针对“jQuery实现的图片轮播效果完整示例”的攻略,我会做如下详细讲解。 1. 概述 图片轮播效果是常见的前端展示效果之一,借助jQuery可以快速、便捷地实现。以下是实现图片轮播效果的大致步骤: 编写HTML元素; 借助CSS样式美化HTML元素; 使用jQuery绑定事件及实现动画效果 2. HTML元素 在HTML中,首先需要准备一个div容器用于包…

    css 2023年6月10日
    00
  • css中postion的fixed与absolute区别详解

    来讲解一下 CSS 中 position 的 fixed 与 absolute 的区别。在讲解之前,先介绍一下 position 属性: position 属性用于指定一个元素在文档中的定位方式,取值包括 static、relative、absolute、fixed、sticky 等。 其中,fixed 和 absolute 的定位方式相对较为特殊。接下来我…

    css 2023年6月10日
    00
  • 详解overflow-scrolling解决滚动卡顿问题

    来详细讲解一下“详解overflow-scrolling解决滚动卡顿问题”的攻略。 什么是 overflow-scrolling? overflow-scrolling是一个CSS属性,它被用于控制元素的滚动方式。它的值是 auto 和 touch。当我们需要滚动一个元素时,overflow-scrolling属性控制该元素是否使用硬件加速来滚动,而不是使用…

    css 2023年6月10日
    00
  • 谷歌浏览器怎么去掉默认焦点边框(input边框)?

    要去掉谷歌浏览器默认的焦点边框(input边框),可以通过CSS样式来进行设置,具体的步骤如下: Step 1:为input元素设置CSS样式 input:focus { outline: none; } 在上面的CSS样式中,我们设置了当input元素获得焦点时,将其默认的焦点边框样式设置为none。这样,当用户在输入框中输入内容时,就不会被默认的边框样式…

    css 2023年6月10日
    00
  • CSS中一些@规则的用法小结

    CSS中一些@规则的用法小结 CSS中的@规则用于定义一些特殊的样式规则,例如媒体查询、字体定义、动画效果等。本攻略将详细讲解CSS中一些常用的@规则的用法和示例。 @media规则 @media规则用于根据设备的特性来应用不同的样式。例如: @media screen and (max-width: 768px) { /* 在屏幕宽度小于768像素时应用的…

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