Snippets and live expressions - DevTools Tips
337Are you running the same code repeatedly during debugging? Learn how to use snippets and live expressions to speed them up!
Chapters:
0:00 Intro
0:13 Create a snippet.
0:35 3 ways to run a snippet in the Snippets pane
0:56 Run a snippet anywhere in DevTools
1:49 Web Performance snippets
2:01 2 ways to pass in parameters to a snippet
2:58 Using console utilities in snippets
3:17 Live expressions
Resources:
Check out → https://goo.gle/devtools-snippets
Learn more → https://goo.gle/devtools-live-expressions
Console utilities API → https://goo.gle/devtools-console-utils
Web performance snippets → https://goo.gle/45QyHgP
Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools
Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs
#DevToolsTips
Other Videos By Chrome for Developers
| 2023-09-14 | Workspace - DevTools Tips |
| 2023-09-12 | New in Chrome 117: CSS for smooth entry & exit animations, array group, streamlined local overrides |
| 2023-09-11 | Gradient - CSS Podcast Tips |
| 2023-09-08 | Why does my gradient have muddy colors in the middle? |
| 2023-09-07 | Snippets - DevTools Tips |
| 2023-09-07 | Progressive Web Apps (PWAs): Storage mechanisms and best practices |
| 2023-09-06 | Linear easing - GUI Snippets |
| 2023-09-05 | Cumulative Layout Shift |
| 2023-09-01 | Document Picture-in-Picture API |
| 2023-08-31 | Logpoints - DevTools Tips |
| 2023-08-31 | Snippets and live expressions - DevTools Tips |
| 2023-08-30 | Why do I have layout shift? |
| 2023-08-28 | DevTools - CSS Podcast Shorts |
| 2023-08-25 | Why is my image distorted? |
| 2023-08-24 | localStorage and sessionStorage |
| 2023-08-23 | Scroll-driven animations |
| 2023-08-21 | Image tips - CSS Podcast Shorts |
| 2023-08-18 | Privacy Sandbox: Noise Lab |
| 2023-08-17 | Debug CSS cascade order with DevTools |
| 2023-08-16 | Why is it overflowing? |
| 2023-08-16 | Thinking on ways to solve ADAPTIVE TYPOGRAPHY |