正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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.

Addy Osmani

393,546 subscribers

31,811 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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!

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 次观看 • 7 个月前

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

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

Addy Osmani

57,218 次观看 • 1 年前

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:

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 次观看 • 1 年前

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 👀

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,609 次观看 • 1 个月前

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

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 次观看 • 7 个月前

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

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

Lovable

111,713 次观看 • 10 个月前

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:

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,139 次观看 • 2 年前

You can now use the DevTools directly in Athas IDE.

You can now use the DevTools directly in Athas IDE.

athas.dev

13,426 次观看 • 4 个月前

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:

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 次观看 • 10 个月前

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…

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 次观看 • 9 个月前

📊 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! 👀

📊 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 次观看 • 1 个月前

🚨 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

🚨 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 次观看 • 1 个月前

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:

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 次观看 • 5 天前

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

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

Notion Calendar

130,863 次观看 • 6 个月前

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 →

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 次观看 • 1 年前

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 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 次观看 • 1 个月前

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 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 次观看 • 1 年前

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…

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 次观看 • 1 年前

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

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 次观看 • 5 个月前

New RFC - Override HTTP response headers in Chrome DevTools. Here's a demo on how to override and test CORS headers. It support more use-cases than that! Give the prototype a spin and share your thoughts 👉🏼

New RFC - Override HTTP response headers in Chrome DevTools. Here's a demo on how to override and test CORS headers. It support more use-cases than that! Give the prototype a spin and share your thoughts 👉🏼

Jecelyn Yeen 🐟

39,239 次观看 • 3 年前