西楼听雨

编注：新特性都是先在 Chrome 的 Canary、Beta 通道中发布的，要想第一时间体验新特性，请下载 Canary 或 Beta 通道版本的 Chrome。 1. 点击右上角的隐藏菜单图标，然后从弹出的隐藏菜单中点击 “Show Device Frame”（展示设备外框…

注意：新特性都是先在 Chrome 的 Canary、Beta 通道中发布的，要想第一时间体验新特性，请下载 Canary 或 Beta 通道版本的 Chrome。 注意：Console 允许重复声明，只是为了便于开发人员调试，并不代码这符合 JS 语法。 在此之前的 Chro…

我们都知道，客户端在发送请求时会携带与目的域名相匹配的 Cookie，服务端在返回响时也可以设置 Cookie，但这些 Cookie 并不一定会被客户端所发送或者接受，尤其是在最近即将全面部署的新 Cookie 安全模型实施之后（Chrome 会在 80 版本中部署），这种情况…

In May, Chrome announced a secure-by-default model for cookies, enabled by a new cookie classification system (spec). This initiative is pa…

在 Chrome 78 之前，我们是不能在 Audits 面板中调出如 Request Blocking、Local Overrides 这类小面板的。现在有了这个新功能，我们可以对我们的网页应用做更多的测量和诊断。 例如，假设你对某个网页做了一次 Audits，该 Audit…

在 PC 端的 Chrome 上，为了让用户可以更便捷地将 PWA 应用添加到桌面，Chrome 76 会在地址栏添加一个安装按钮——只要你的网站满足 PWA 可安装性条件——以此提示用户，当用户点击该按钮时，效果等同于调用 beforeinstallprompt 事件对象上的…

这可能对开发人员非常有用，比如当某个元素的样式时由多个 CSS 文件中的多个样式规则重叠合并而成的，这个时候你想取到这个元素的最终样式就可以通过这个菜单来实现。 假设你现在正在阅读一篇新闻文章，在阅读的过程中，你经常会突然不知道自己当前所处的位置了，这个问题就叫做“layout…

Recently, I was wondering how best to decouple the code needed to track certain form submissions (e.g. conversion tracking in Google Analyt…

我们使用 canvas 元素来进行绘制时，对 canvas 的绘制操作要呈现到页面上，需要有一个与 DOM 同步的过程，这个过程在某些情况下会存在延迟，如果延迟超过 50 毫秒，用户就可以明显地感受到。比如在一个绘画类的 Web APP 中，如果用户用画笔绘制的速度较快，用户的…