Chrome 64 Beta版本3个振奋人心的新特性

5月25日， Chrome发布了64Beta版本，宣布了3个比较振奋人心的特性。

更强弹窗拦截

为了改善用户浏览网站的体验，新版本对弹窗拦截做了增强。主要包括欺骗性点击和

1. 在网站中，经常会遇到有有点击播放视频，变成APP下载的情况，具体请参考微博的点击，和微信里点击视频播放的点击，新的chrome弹窗拦截支持了这种欺骗性点击的拦截。

2.多个弹窗被同时触发的情况，很多网站广告会故意设置一个关闭按钮，点击的时候不是关闭，反而是触发了多个弹窗，新的拦截已经能识别这种情况。

元素大小观察者

window一直能通过resize事件，检测到页面的大小变化，新的大小观察者能让开发者侦听到某个的元素的大小改变事件。示例代码如下：

const ro = new ResizeObserver((entries) => {
  for (const entry of entries) {
    const cr = entry.contentRect;
    console.log('Element:', entry.target);
    console.log(`Element size: ${cr.width}px × ${cr.height}px`);
    console.log(`Element padding: ${cr.top}px / ${cr.left}px`);
  }
});
 // Observe one or multiple elements
ro.observe(someElement);

新的import.meta接口

很多时候，在引入异步模块的时候，需要知道模块的具体信息，比如模块的url，新的import.meta接口能让开发在加载模块的时候，能够知道模块的具体信息，import.meta.url 包含了模块的详细路径，未来还会引入更多的信息。