~/talk

Debug Your Websites Like a Pro with Dev Tools

on YouTube 50m
TalkinFrenchat AFUP Day 2020 Tours · on Friday, 2020-07-03· [web-platform, developer-experience]

speaker

name:Christophe Jollivet
website:http://jollivetc.blogspot.com/

resources

video:https://youtu.be/MmMmNW1lejs
slides:none on file

summary

Covers how to debug websites using developer tools (browser devtools) and professional debugging techniques. Shows practical methods for inspecting, diagnosing and fixing front-end issues with tools available to web developers.

AI-written summary · about

chapters (14)

  1. 0:00Introduction
  2. 1:45DevTools overview
  3. 2:49Live CSS edits
  4. 6:39Basic JS debugging
  5. 9:30Advanced console tricks
  6. 13:39Breakpoints debugging
  7. 19:20Conditional breakpoints & XHR
  8. 20:46Async code debugging
  9. 23:14Modify AJAX responses
  10. 24:40Debug global variables
  11. 27:09Using snippets
  12. 28:32Mobile debugging
  13. 29:35Experimental tools & accessibility
  14. 31:42Q&A

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.