Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing the "Insights sidebar" in Chrome DevTools Performance panel ⚡️ Brings Lighthouse-like analysis directly into the timeline! Visualize LCP, INP, CLS bottlenecks & more in context to debug faster.

addyosmani's profile picture

Addy Osmani

393,546 subscribers

31,811 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!
0:19

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!

Addy Osmani

686,880 görüntüleme • 7 ay önce

New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable.
0:13

New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable.

Addy Osmani

57,218 görüntüleme • 1 yıl önce

Take control of your performance debugging in Chrome DevTools. These customization features let you simplify the Performance panel and zero in on the most important data for your workflow. Get started:
0:18

Take control of your performance debugging in Chrome DevTools. These customization features let you simplify the Performance panel and zero in on the most important data for your workflow. Get started:

Chrome for Developers

15,441 görüntüleme • 1 yıl önce

Want to give your agent quality checks? Chrome's DevTools MCP now includes: ⚡️ Performance checks via Lighthouse 📈 Memory leak detection Skill 🦻 Accessibility debugging Skill 🎨 LCP optimization Skill and an experimental new CLI 👀
0:16

Want to give your agent quality checks? Chrome's DevTools MCP now includes: ⚡️ Performance checks via Lighthouse 📈 Memory leak detection Skill 🦻 Accessibility debugging Skill 🎨 LCP optimization Skill and an experimental new CLI 👀

Addy Osmani

129,625 görüntüleme • 1 ay önce

It should be easy to debug and visualize your agent and workflows, now it is with `ai-sdk-tools/devtools`. Enjoy!
0:11

It should be easy to debug and visualize your agent and workflows, now it is with `ai-sdk-tools/devtools`. Enjoy!

Pontus Abrahamsson — oss/acc

25,343 görüntüleme • 8 ay önce

Introducing our new Visual Edits Visually edit any styles in Lovable directly on the page, for faster and more precise edits.
0:17

Introducing our new Visual Edits Visually edit any styles in Lovable directly on the page, for faster and more precise edits.

Lovable

111,713 görüntüleme • 11 ay önce

Tip: Chrome DevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117:
0:16

Tip: Chrome DevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117:

Addy Osmani

306,148 görüntüleme • 2 yıl önce

You can now use the DevTools directly in Athas IDE.
0:18

You can now use the DevTools directly in Athas IDE.

athas.dev

13,426 görüntüleme • 4 ay önce

New in Conductor — You can now see your up-to-date git status directly in the sidebar! We've added a beautiful new diff rendering panel so you can review Claude's work by commit:
0:11

New in Conductor — You can now see your up-to-date git status directly in the sidebar! We've added a beautiful new diff rendering panel so you can review Claude's work by commit:

Charlie Holtz

28,599 görüntüleme • 10 ay önce

You can decide to combine 5 applications to analyze one token Or Just toggle the KID chart and the Interactive Insights Panel in 10 seconds, and complete your analysis in 5 minutes. Your call…
0:19

You can decide to combine 5 applications to analyze one token Or Just toggle the KID chart and the Interactive Insights Panel in 10 seconds, and complete your analysis in 5 minutes. Your call…

DexCheck AI

24,339 görüntüleme • 9 ay önce

📊 Introducing Benchmarks! Now you can see how your app's subscription metrics compare to other apps in your category directly in the RevenueCat dashboard Just head over to the new "Benchmarks" tab under "Analytics" in the sidebar to check it out now! 👀
0:15

📊 Introducing Benchmarks! Now you can see how your app's subscription metrics compare to other apps in your category directly in the RevenueCat dashboard Just head over to the new "Benchmarks" tab under "Analytics" in the sidebar to check it out now! 👀

RevenueCat

20,675 görüntüleme • 1 ay önce

We're experimenting with a way to visualize session history in Firefox DevTools, and we'd love your feedback! Here's the background, and how to try it:
0:15

We're experimenting with a way to visualize session history in Firefox DevTools, and we'd love your feedback! Here's the background, and how to try it:

Firefox for Web Developers

20,194 görüntüleme • 7 gün önce

🚨 Introducing EmblemAI X Commands Connect your X account & unlock full EmblemAI access directly on the timeline Swap, Trade, Launch, Analyze, Research, Track & so much more - right here on X! $100 to a random in 48hrs Repost + Follow EmblemAI
0:17

🚨 Introducing EmblemAI X Commands Connect your X account & unlock full EmblemAI access directly on the timeline Swap, Trade, Launch, Analyze, Research, Track & so much more - right here on X! $100 to a random in 48hrs Repost + Follow EmblemAI

Emblem Vault

20,499 görüntüleme • 1 ay önce

Deadlock practicing Corner Boost Using Debugging Type the debug command "citadel_wall_detection_debug 1" into the console, slow down time in the sandbox panel, and you'll now be able to see the direction you'll be pushed in when jumping off a wall
0:10

Deadlock practicing Corner Boost Using Debugging Type the debug command "citadel_wall_detection_debug 1" into the console, slow down time in the sandbox panel, and you'll now be able to see the direction you'll be pushed in when jumping off a wall

DEADLOCK PROJECT 8

97,305 görüntüleme • 1 ay önce

Performance Analytics + Verified NIL Market Intel → all in one place. We're excited to partner with Opendorse to bring verified athlete compensation insights directly into our Front Office Suite →
0:16

Performance Analytics + Verified NIL Market Intel → all in one place. We're excited to partner with Opendorse to bring verified athlete compensation insights directly into our Front Office Suite →

Just Play Solutions

58,304 görüntüleme • 1 yıl önce

Less is more, sometimes. You can hide the context panel now! More breathing room. Fewer distractions in your week.
0:13

Less is more, sometimes. You can hide the context panel now! More breathing room. Fewer distractions in your week.

Notion Calendar

130,863 görüntüleme • 6 ay önce

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest
0:10

Storybook Test sneak peek 👀 ⚡️ Blazing fast tests that run in the browser 🌈 Component, visual, and a11y tests simultaneously 🚦 Visualize results inside Storybook 👉 Click-to-debug in your own browser 🌐 Optimized for test coverage 💻 VSCode integration via Vitest

Storybook

22,229 görüntüleme • 1 yıl önce

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…
0:15

Built a v0 that implements precise collision detection with momentum for more accurate prefetching in Next.js v0 flawlessly bootstrapped the demo sections, intersection logic, debug panel…

Guillermo Rauch

66,856 görüntüleme • 1 yıl önce

We’re introducing Cue-Pro — a new way to visualize and execute edit predictions, built to keep you in flow. Instead of isolated edit points, Cue-Pro brings repository-level edit predictions into your IDE, with a side panel that provides a bird’s-eye view of what needs to change. Same workflow: tab to edit, tab to jump. Better outcomes: - Faster, more consistent edits - Fewer missed changes across large codebases - Repository-wide edit predictions that are visual and navigable — without breaking flow In beta testing, Cue-Pro delivered in +19% code acceptance rate and +20% improvement in characters per opportunity (CPO). (Below are a few common scenarios where Cue-Pro helps you ship faster ↓)
0:11

We’re introducing Cue-Pro — a new way to visualize and execute edit predictions, built to keep you in flow. Instead of isolated edit points, Cue-Pro brings repository-level edit predictions into your IDE, with a side panel that provides a bird’s-eye view of what needs to change. Same workflow: tab to edit, tab to jump. Better outcomes: - Faster, more consistent edits - Fewer missed changes across large codebases - Repository-wide edit predictions that are visual and navigable — without breaking flow In beta testing, Cue-Pro delivered in +19% code acceptance rate and +20% improvement in characters per opportunity (CPO). (Below are a few common scenarios where Cue-Pro helps you ship faster ↓)

TRAE

453,248 görüntüleme • 5 ay önce

One omitted write barrier can turn into RCE in Chrome. Meet CVE-2026-5865, one of the earliest Chrome vulnerabilities discovered by Vega in March. We turned it into an RCE in Chrome, documented the details in our technical walkthrough, link in the comment.
0:15

One omitted write barrier can turn into RCE in Chrome. Meet CVE-2026-5865, one of the earliest Chrome vulnerabilities discovered by Vega in March. We turned it into an RCE in Chrome, documented the details in our technical walkthrough, link in the comment.

Nebula Security

19,835 görüntüleme • 1 ay önce