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 專屬是吧

哎等等，我今天上班是要幹啥來著