什么是Chrome 39中的新内容
Chrome 浏览器虽然已经问世六年,但在版本号上却正迅速步入成熟期。Chrome 39 现已发布,您可能已经安装了它。此版本包含一些不错的全新功能……以及一两个略显可疑的补充。
ECMAScript 6 生成器
生成器是使用 function*
声明的特殊函数,用于创建迭代器。迭代器是一个具有 next()
方法的对象,调用该方法以返回一个值。生成器函数使用 yield
语句提供序列中的下一个值。
Arunoda Susiripala 在《JavaScript 生成器和防止回调地狱》中提供了一个基本的示例:
function* HelloGen() { yield 100; yield 400; } var gen = HelloGen(); console.log(gen.next()); // {value: 100, done: false} console.log(gen.next()); // {value: 400, done: false} console.log(gen.next()); // {value: undefined, done: true}
Chrome、Opera 和 Firefox 31 均支持 ECMAScript 6 生成器。
Beacon API
新的 Beacon API 允许您将数据发送到服务器,而无需等待响应。请求会被排队,浏览器会在第一时间发送这些请求,但重要的是——它不会延迟当前页面的卸载或下一页面的加载。
navigator.sendBeacon()
会接收一个 URL 和数据(可能是字符串或 FormData 值)。通常,它可用于传输统计信息,例如:
navigator.sendBeacon('/log', 'page-unloaded');
如果浏览器成功排队了 Beacon 请求,则该方法返回 true
。我不确定如果返回 false
可以做什么,但 Beacon 不应用于基本功能或消息传递。
Chrome、Opera 和 Firefox 31 均支持 Beacon API。
Web 动画控制
Web 动画已在 Chrome 36 中推出。其理念是允许从 JavaScript 中进行简单的类似 CSS3 的关键帧和动画声明,例如:
var myanimation = myelement.animate([ { color: "#f00" }, { left: "20em" }, { transform: "rotate(180deg)" } ], { duration: 1000, iterations: 1, delay: 0 });
其优势在于,您可以根据用户输入或其他条件控制和同步播放。Chrome 39 添加了播放方法,例如 play()
、pause()
、reverse()
、finish()
(将动画置于其最终状态)和 cancel()
(清除所有效果)。
可以将 Web 动画视为简单的 CSS3 动画和使用 requestAnimationFrame
和您自己的计时函数的复杂 JavaScript 全帧控制之间的折衷方案。对于一般的网页效果来说,它可能有点过分,但对于游戏来说又不够强大。应用程序和演示文稿可能是不错的用例?
目前只有 Chrome 和 Opera 浏览器支持 Web 动画。Firefox nightly 版本中提供了支持,并且可以使用 polyfill,但该技术在一段时间内不会稳定。
Web 应用清单
不要与应用程序缓存清单混淆,Web 应用清单是一个 JSON 文件,您可以在其中放置元数据,例如名称、起始地址、图标、显示模式、方向等。
您需要在 HTML 头部添加一个链接:
<link rel="manifest" href="manifest.json">
以及清单文件本身,例如:
function* HelloGen() { yield 100; yield 400; } var gen = HelloGen(); console.log(gen.next()); // {value: 100, done: false} console.log(gen.next()); // {value: 400, done: false} console.log(gen.next()); // {value: undefined, done: true}
这最终意味着我们可以从每个页面的顶部删除 57 个 iOS 图标大小的替代方案……假设 Apple 决定在 Safari 中实现这项技术!
跨浏览器支持参差不齐。Firefox 将清单用于其市场,但属性名称似乎存在一些差异。
Windows 7 沉浸式模式
在 Windows 7 上切换到沉浸式模式会使 Chrome 的行为有点像 Windows 8 全屏 Metro 应用程序。奇怪的是,它会在 Windows 任务栏上方放置一个类似 Chrome OS 的半透明任务栏——带有自己的开始按钮和时钟。
为什么?如果 Windows 7 用户想要 Windows 8 体验,他们可以升级。但是,许多 Windows 7 用户选择坚持使用该操作系统是有原因的:他们不想要 Windows 8!
我还对 Google 坚持将 Chrome OS 小部件偷偷添加到其他操作系统感到困惑。这里和那里的 Chrome 应用图标是可以的——但复制本机功能毫无意义。也许他们希望吸引人们使用 Chrome OS,但惹恼他们不会有帮助。
其他更新
还有一些较小的功能……
- 您现在可以安装 Play 商店中的免费 Chrome 应用,无需登录。
- 在高 DPI/Retina 屏幕上,
scrollTop
和scrollLeft
现在返回像素的分数。如果您认为像素完美很糟糕,请等待客户开始要求亚像素完美! - 现在可以编辑保存的密码。
- 现在,Mac OS 上仅提供 64 位版本的 Chrome。
- SHA-1 加密正在逐步淘汰,取而代之的是 SHA-2。
- 已添加对菜单内扩展按钮图标的实验性支持(在 about:flags 中设置 启用扩展工具栏重新设计)。
尽管添加了一些有问题的功能,并且 Firefox 也赶上了部分功能,但 39 版本仍然是一个很棒的更新。Chrome 仍然快速、稳定,并且是近一半网络用户的首选浏览器。推荐使用。
以上是什么是Chrome 39中的新内容的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

本文讨论了在浏览器中优化JavaScript性能的策略,重点是减少执行时间并最大程度地减少对页面负载速度的影响。

本文讨论了使用浏览器开发人员工具的有效JavaScript调试,专注于设置断点,使用控制台和分析性能。

本文说明了如何使用源地图通过将其映射回原始代码来调试JAVASCRIPT。它讨论了启用源地图,设置断点以及使用Chrome DevTools和WebPack之类的工具。

掌握了入门级TypeScript教程后,您应该能够在支持TypeScript的IDE中编写自己的代码,并将其编译成JavaScript。本教程将深入探讨TypeScript中各种数据类型。 JavaScript拥有七种数据类型:Null、Undefined、Boolean、Number、String、Symbol(ES6引入)和Object。TypeScript在此基础上定义了更多类型,本教程将详细介绍所有这些类型。 Null数据类型 与JavaScript一样,TypeScript中的null

本文探讨了Java收藏框架的有效使用。 它强调根据数据结构,性能需求和线程安全选择适当的收集(列表,设置,地图,队列)。 通过高效优化收集用法

本教程将介绍如何使用 Chart.js 创建饼图、环形图和气泡图。此前,我们已学习了 Chart.js 的四种图表类型:折线图和条形图(教程二),以及雷达图和极地区域图(教程三)。 创建饼图和环形图 饼图和环形图非常适合展示某个整体被划分为不同部分的比例。例如,可以使用饼图展示野生动物园中雄狮、雌狮和幼狮的百分比,或不同候选人在选举中获得的投票百分比。 饼图仅适用于比较单个参数或数据集。需要注意的是,饼图无法绘制值为零的实体,因为饼图中扇形的角度取决于数据点的数值大小。这意味着任何占比为零的实体
