Using Chrome DevTools snippets

preview_player
Показать описание
If you've not tried snippets before it's a great tool as you're working on things in Chrome DevTools
  1. Kent C. Dodds
  2. javascript
  3. chrome
Рекомендации по теме
Using Chrome DevTools 0:16:09

Using Chrome DevTools snippets

Snippets and live 0:04:18

Snippets and live expressions #DevToolsTips

Use Snippets In 0:07:57

Use Snippets In The Chrome DevTools

21+ Browser Dev 0:09:26

21+ Browser Dev Tools & Tips You Need To Know

Chrome DevTools Tutorial 0:02:19

Chrome DevTools Tutorial 7: Snippets

Writing JavaScript code 0:02:45

Writing JavaScript code in Chrome using Snippets - Chrome Dev Tools

Snippets #DevToolsTips 0:00:31

Snippets #DevToolsTips

How to use 0:11:09

How to use code snippets in DevTools?

JavaScript Tutorial Creating 0:25:40

JavaScript Tutorial Creating a CounterString tool in Chrome Browser Dev Tools Snippets

CHROME DEVTOOLS 101 0:16:01

CHROME DEVTOOLS 101 TIPS AND TRICKS FOR WEB DEVS

JavaScript Snippets in 0:00:38

JavaScript Snippets in Chrome DevTools!

How to Use 0:02:08

How to Use Chrome Developer Tools JavaScript Snippets (Create, Import and Export Snippets)

How to create 0:00:34

How to create a snippet in Google Chrome DevTools

Using Snippets in 0:00:36

Using Snippets in Chrome Developer Tools

Using Snippets in 0:04:25

Using Snippets in Chrome Dev Tools to Debug

ES6 Create Snippets 0:00:53

ES6 Create Snippets in Chrome Dev Tools

4 Must-know Features 0:01:01

4 Must-know Features of Chrome Dev Tools

How to create 0:00:12

How to create a snippet in chrome developer tools

Use Chrome Snippets 0:09:23

Use Chrome Snippets

Tips Using Chrome 0:13:43

Tips Using Chrome DevTools Elements Panel

Snippets en Chrome 0:06:59

Snippets en Chrome Developer Tools

Debugging JavaScript in 0:12:15

Debugging JavaScript in Chrome DevTools | STOP using console log

Setting Breakpoint at 0:00:38

Setting Breakpoint at Event Listeners | Debugging with Chrome DevTools

Chrome DevTools - 0:21:02

Chrome DevTools - Everything you need to know

Комментарии
Автор

a) looked like `.card-holster` toggles a `.flipped` class when you hit refresh. So you have to check for that and toggle whether you are looking at `.card.front` or `.card.back`

b) `fontFamily.replace(/[\'\"]/g, "")` will do the trick to fix up the extra quotes. Regex ftw!

c) also `console.table({colors, fonts})` ftw! The `copy` function is new to me though, very nifty!

Thanks Kent!

esaevian
Автор

Didn’t know about the copy function, that is awesome!

MarkMatthewMurray
Автор

Can anyone tell me how to STOP seeing these snippets when I do a google search on Chrome? They just started the other day, I've never seen them before, I LOATHE AND DESPISE THESE THINGS. Could anyone tell me how to stop or block them, please? I would be very grateful.

scarlettohara
Автор

Hi Kent, I by mistake remove a snippet, which I have created. Is it any way, I can restore it?

rishavgoswami