chrome的2024愚人节彩蛋

写在前边#

代码之神会眷顾每一个好好看 changelog 的孩子

剧透警告#

剧透之神会告诫每一个想偷跑的孩子

https://developer.chrome.com/blog/new-in-devtools-123?utm_source=devtools#easter-egg:~:text=To%20celebrate%20this%20year%27s%20April%20Fools%27%20Day%2C%20the%20DevTools%20team%20has%20hidden%20an%20Easter%20egg%20somewhere%20in%20DevTools.

在 chrome123 的 devtool 的 release note 里，说有个彩蛋。那，对吧，班可以不上，chrome 不能不玩，于是就找了几分钟。

没找到。

git 之神#

那，瞬间，体内的寻回犬之魂就熊熊燃烧了，挫败感让我没法继续工作，于是，二话不说，我们直接 GitHub 上搜索，找到关键代码。

https://github.com/ChromeDevTools/devtools-frontend/blob/76c8ba6401512aa13505060f82b56e4de2e81681/front_end/panels/timeline/TimelinePanel.ts#L504

https://github.com/ChromeDevTools/devtools-frontend/blob/76c8ba6401512aa13505060f82b56e4de2e81681/front_end/panels/timeline/TimelinePanel.ts#L322

哦吼这个类，在timeline里，timeline 好多年前，就改名叫Performance了。

所以我们把系统时间改一下，chrome，启动，devtool，启动，随便一个 http 页面，启动，record，启动。

二胡卵子星星也算星星？

<div style="
      font-size: 12px;
      transform: scale(1.25);
      color: transparent;
      background: linear-gradient(90deg, rgb(255 0 0 / 100%) 0%, rgb(255 154 0 / 100%) 10%, rgb(208 222 33 / 100%) 20%, rgb(79 220 74 / 100%) 30%, rgb(63 218 216 / 100%) 40%, rgb(47 201 226 / 100%) 50%, rgb(28 127 238 / 100%) 60%, rgb(95 21 242 / 100%) 70%, rgb(186 12 248 / 100%) 80%, rgb(251 7 217 / 100%) 90%, rgb(255 0 0 / 100%) 100%);
      -webkit-background-clip: text;
      ">💫</div>

emoji 也是 unicode，没毛病！

这个游戏。。。。索然无味了好吧

post-nut clarity#

因为是个打砖块，其实一个大点的项目，看起来效果会更好些？（react 专属是吧

哎等等，我今天上班是要干啥来着