Chrome 60 Beta发布，新特性都在这了！
jopen 7年前
<p style="text-align: center;"><a href="/misc/goto?guid=4958546594282800774" title="Chrome"><img alt="Chrome 60 Beta发布，新特性都在这了！" src="https://simg.open-open.com/show/2ad00257c22a8d675c095ce66c436879.png" /></a></p> <p>除非另外注明，否则，下面介绍的更改均适用于最新 Chrome <a href="/misc/goto?guid=4959009237464242062">Beta</a> 渠道版（Android、Chrome 操作系统、Linux、Mac 和 Windows）。</p> <p><strong>Paint Timing API</strong></p> <p>尽管并没有公认的标准能够在所有情况下完美地反映页面的<a href="/misc/goto?guid=4959009237549330024">加载时间</a>，<a href="/misc/goto?guid=4959009237639867957">First Paint and First Contentful Paint</a> 仍然为衡量页面加载期间关键的用户参与环节提供了极具价值的数据。为了让开发者<a href="/misc/goto?guid=4959009237726024951">更好地洞察</a>网站的加载性能，全新的 <a href="/misc/goto?guid=4959009237809473852">Paint Timing API</a> 公开了捕获 First Paint and First Contentful Paint 的指标。</p> <p style="text-align:center"><img alt="Chrome 60 Beta发布，新特性都在这了！" src="https://simg.open-open.com/show/74ff24f260e68719fb8e52149c790b04.png" width="1022" height="696" /></p> <p><strong>CSS font-display</strong></p> <p>可下载的网页字体经常用于创建视觉效果更丰富多彩的网页体验。历史上，为了确保视觉正确性，Chrome 一直延迟渲染文本，直至有指定的字体可用。然而，在网络连接不佳的情况下，下载字体可能需要几秒钟的时间，严重延迟了用户查看内容的时间。现在，Chrome 支持 CSS <a href="/misc/goto?guid=4958862292890614900">@font-face</a> 描述符和相应的 <a href="/misc/goto?guid=4959009237930172380">font-display</a> <a href="/misc/goto?guid=4959009238007671099">属性</a>，允许开发者指定 Chrome 在下载字体时如何以及何时<a href="/misc/goto?guid=4959009238102050637">显示文本内容</a>。</p> <p><strong>Credential Management API 的改进</strong></p> <p>为响应广大开发者的反馈，也为了使 Credential Management API 更易于用于所有网站，现在已不再需要自定义 fetch () 来访问存储的密码。从 Chrome 60 开始，用户的密码现在将直接作为 PasswordCredential 的一部分返回。</p> <p>此外，为了更好地呼应我们在<a href="/misc/goto?guid=4959009238178796261">网络身份验证工作组</a>中所做的工作，我们还做出了<a href="/misc/goto?guid=4959009238272732200">一系列更改</a>。这包括弃用 requireUserMediation，已将其重命名为 preventSilentAccess。</p> <p><strong>此版本中的其他特性</strong></p> <ul> <li> <p>现在，桌面版的 Chrome 也支持 <a href="/misc/goto?guid=4959009238364246620">Payment Request API</a>。</p> </li> <li> <p>现在，网站可以通过使用 <a href="/misc/goto?guid=4959009238364246620">Payment Request API</a> 的原生 Android 支付应用来<a href="/misc/goto?guid=4959009238463270057">收款</a>。</p> </li> <li> <p><a href="/misc/goto?guid=4959009238548305487">现在支持对象的 Rest 和 Spread 属性</a>，这简化了对象的合并和浅度克隆以及各种不可变对象图案的实现。</p> </li> <li> <p>借助于全新 <a href="/misc/goto?guid=4959009238636108625">Web Budget API</a>，具有推送通知权限的网站将能够发送有限数量的推送消息，这些推送消息可以触发同步数据或关闭用户已在其他设备上处理过的通知（而无需显示对用户可见的通知）之类的后台任务。</p> </li> <li> <p>现在支持全新 <a href="/misc/goto?guid=4959009238721212472">Web Push Encryption</a> 格式，可使用 <a href="/misc/goto?guid=4959009238805155751">PushManager.supportedContentEncodings</a> 来检测该格式的使用位置。</p> </li> <li> <p><a href="/misc/goto?guid=4959009238894607813">现在提供 PushSubscription.expirationTime</a>，可通知网站某个订阅何时过期以及是否过期。</p> </li> <li> <p>为了改善性能和可预测性，现在，每个 AnimationFrame 传递一次 <a href="/misc/goto?guid=4959009238991471716">pointermove</a> 和 <a href="/misc/goto?guid=4959009239071758294">mousemove</a> 事件，这与 <a href="/misc/goto?guid=4959009239162831171">scroll</a> 和 <a href="/misc/goto?guid=4959009239251609556">TouchEvents</a> 事件的当前功能相符。</p> </li> <li> <p>现在提供 :focus-within CSS 伪类，会<a href="/misc/goto?guid=4959009239335972743">影响:focus 伪类影响的</a><a href="/misc/goto?guid=4959009239424352447">任何</a><a href="/misc/goto?guid=4959009239517251916">元素</a>以及受 :focus 影响的子类的任何元素。</p> </li> <li> <p>现在提供 <a href="/misc/goto?guid=4959009239609582462">CSS 帧时序功能</a>，对于动画应以完全相同的时长显示所有帧（包括头帧和尾帧）的<a href="/misc/goto?guid=4959009239689214169">动画循环非常有用</a>。</p> </li> <li> <p>为了提供一种捕获编辑操作的增强方法，<a href="/misc/goto?guid=4959009239775509330">InputEvent</a> 现在允许通过脚本来管理用户输入，丰富了提供给可编辑元素的细节。</p> </li> <li> <p>为了提高安全性，现在，仅在帧尝试显示其已收到用户手势或用户交互时，才会显示用户离开网站时所触发的 BeforeUnload 对话框，尽管仍然会分派 <a href="/misc/goto?guid=4959009239870347915">BeforeUnloadEvent</a>。</p> </li> <li> <p>现在，可以随 <a href="/misc/goto?guid=4959009239954251455">MP4 (ISO BMFF) 容器</a> 一起<a href="/misc/goto?guid=4959009240053100073">使用</a> VP9 这一开放、免版权的视频编码格式，该格式需要下面提到的最新 VP9 字符串格式。</p> </li> <li> <p>现在提供一种全新的 <a href="/misc/goto?guid=4959009240141929616">VP9 字符串格式</a>，各种<a href="/misc/goto?guid=4959009240228987678">与媒体有关的 API</a> 均接受该格式，这使得开发者能够描述各种视频编解码器中共用、但尚未公开的编码属性。</p> </li> </ul> <p><strong>弃用和互操作性的改善</strong></p> <ul> <li> <p>getElementsByTagName () 现在接受符合限定条件的名称，以响应针对 <a href="/misc/goto?guid=4959009240317337380">DOM 规范</a>的一项更新。</p> </li> <li> <p>现在，/deep/ 的行为类似于 <a href="/misc/goto?guid=4959009240397608659">descendant 组合符</a>，事实上就是一个空操作。</p> </li> <li> <p>为了<a href="/misc/goto?guid=4959009240483035210">改善用户体验</a>，现在，如果用户未明确点按帧或任何嵌入帧，则对 <a href="/misc/goto?guid=4959009240565534232">Navigator.vibrate ()</a> 的调用会立即返回 false，这与 cross-origin iframes 的行为相同。</p> </li> <li> <p>WEBKIT_KEYFRAME_RULE 和 WEBKIT_KEYFRAMES_RULE 已移除，代之以无前缀的标准化 API，即 <a href="/misc/goto?guid=4959009240655687590">KEYFRAME_RULE</a> 和 <a href="/misc/goto?guid=4959009240747792067">KEYFRAMES_RULE</a>。</p> </li> <li> <p>现已从 <a href="/misc/goto?guid=4959009240837017439">document.createEvent ()</a> 移除对非标准 WebKitAnimationEvent 和 WebKitTransitionEvent 的支持。</p> </li> <li> <p>为了更好地符合<a href="/misc/goto?guid=4959009240920345736">规范</a>，NodeIterator.filter 和 TreeWalker.filter 不再包装 JavaScript 对象，并且已从 window.NodeFilter 移除 .prototype。</p> </li> <li> <p><a href="/misc/goto?guid=4959009241007303819">正在移除 RTCPeerConnection.getStreamById ()</a>，推荐使用 <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=698163&desc=5#c10">polyfill</a> 代替原方法。</p> </li> <li> <p>SVGPathElement.getPathSegAtLength () 已被弃用，因为它已从 <a href="/misc/goto?guid=4959009241197944617">SVGPathElement</a> 规格中移除。</p> </li> <li> <p>已从 <a href="/misc/goto?guid=4958875106615603147">Fetch API</a> 移除 Headers.prototype.getAll ()，以适应从规范中移除该方法。</p> </li> </ul> <p>来自: <a href="/misc/goto?guid=4959009241300703261" id="link_source2">developers.googleblog.cn</a></p>