当前位置: 首页 > 科技观察

Chrome55Beta发布:支持async-await、输入处理改进

时间:2023-03-18 02:21:57 科技观察

Chrome55Beta发布:输入处理改进、Async和await功能、CSS自动断字。1.输入处理的改进随着移动网络使用的普及,网站对触摸输入的良好响应变得越来越重要。过去,这意味着分别处理MouseEvent和TouchEvent,这可能很难维护。Chrome现在通过调度PointerEvents支持统一输入处理。默认情况下,PointerEvents不会阻止滚动,因此页面的响应速度更快。要使用TouchEvents实现相同的性能,页面可以使用被动事件侦听器。Chrome现在还支持两种新的输入响应方式。触摸动作CSS属性使网站能够响应平移等手势。对于鼠标按钮,新的auxclick输入事件类型允许网站管理非主按钮的点击行为。2、async和await异步JavaScript可能更难推导。Promise有助于避免回调嵌套问题,但是,当网站具有大量异步依赖项时,基于Promise的代码仍然难以阅读。Chrome现在支持async和awaitJavaScript关键字,允许开发人员编写基于Promise的JavaScript,这些JavaScript可以作为同步代码进行结构化和读取。获取URL并使用Promise记录响应:functionlogFetch(url){returnfetch(url).then(response=>response.text()).then(text=>{console.log(text);}).catch(err=>{console.error('fetchfailed',err);});}使用异步和等待的相同代码:asyncfunctionlogFetch(url){try{constresponse=awaitfetch(url);console.log(awaitresponse.text());}catch(err){console.log('fetchfailed',err);}}3.CSS自动断字对于各种设备和屏幕尺寸,格式化文本以填充可用空间可能是一个挑战。Chrome现在支持CSS自动断字,这是Android和Mac版Chrome上最受欢迎的布局功能之一。CSS断字允许浏览器在单词换行时对单词进行断字,从而提高文本块的视觉一致性。在未来的版本中,连字符支持将扩展到其他平台。4.本版本其他特性once事件监听选项支持在移除事件监听前只调用一次回调。网站现在可以将网络存储标记为机密,以防止Chrome自动清除该网站的存储。在Android上,跨源iframe现在需要用户手势来使用WebAudioAPI启动音频播放,以确保