Chrome's 2024 April Fool's Day Easter Egg

Introduction#

The god of code will bless every child who reads the changelog carefully.

Spoiler Alert#

The god of spoilers will warn every child who wants to sneak a peek.

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.

In the release notes of devtools for chrome123, it says there's an Easter egg. So, right, we can skip class, but we can't skip playing with chrome, so we spent a few minutes looking for it.

Couldn't find it.

The god of git#

Then, in an instant, the soul of the search dog inside me burned fiercely. The feeling of defeat made it impossible for me to continue working, so without a second thought, we directly searched on GitHub and found the key code.

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

Oh, this class, it's in timeline, but timeline was renamed to Performance many years ago.

So we change the system time, start chrome, start devtools, open any http page, start recording.

Are the stars in the shape of an erhu egg still considered stars?

<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>

Emojis are also unicode, no problem!

This game... is quite boring, huh?

Post-nut Clarity#

Because it's a brick-breaking game, a bigger project would probably have a better effect, right? (React exclusive, isn't it?)

Wait a minute, what am I supposed to do at work today?