Chrome 66 - What's New in DevTools

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=eaYXFTJVewA


Duration: 4:15
64,773 views
894

New to DevTools in Chrome 66: Blackboxing in the Network panel, auto-adjust zooming in Device Mode, HTML rendering in the Preview tab, pretty-printing in the Preview and Response tabs, and an improvement to Local Overrides.

What's New In DevTools (Chrome 66) Blog → https://goo.gl/XnmZS6

Discuss these features & changes on the mailing list → https://goo.gl/RvWtFx

0:22 → Blackboxing in the Network panel
1:10 → HTML rendering in the Preview tab
1:37 → Pretty-printing in the Preview and Response tabs
1:51 → Auto-adjust zooming in Device Mode
2:23 → An improvement to Local Overrides
3:10 → Bonus Tip! Blackboxing framework scripts to make Event Listener Breakpoints more useful

Follow Chrome DevTools on Twitter → https://twitter.com/chromedevtools
What's New in DevTools Playlist → https://goo.gl/8Sdb58
Subscribe to the Google Chrome Developers channel → http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2018-05-08The web: state of the union (Google I/O '18)
2018-05-03Web Workers - Supercharged
2018-05-02Designing Tools for CSS Grid and Variable fonts - Designer vs. Developer #13
2018-05-01#SmooshGate - HTTP203
2018-04-26ServiceWorker for WordPress: Commit Log - Supercharged
2018-04-25Intro to the State of the Web
2018-04-25Designer vs. Developer - Season 3 is Coming!
2018-04-24Work Life Balance - HTTP203
2018-04-19Will-Change - Supercharged
2018-04-17New in Chrome 66: CSS Types Model Object, Async Clipboard & new Canvas contexts
2018-04-13Chrome 66 - What's New in DevTools
2018-04-12Message Bus for WordPress: Commit Log - Supercharged
2018-04-10Class-based Tree Shaking - HTTP203
2018-04-05DevTools Await - Supercharged
2018-03-29SPA Routing for WordPress: Commit Log - Supercharged
2018-03-27Resize Observer - HTTP203
2018-03-22One-off Event Listeners - Supercharged
2018-03-20JavaScript Symbols - HTTP203
2018-03-15Caching Headers for WordPress: Commit Log - Supercharged
2018-03-13Webpack and Workers - HTTP203
2018-03-08cURL - Supercharged


Tags:
Chrome
Developers
Web
chrome developers
google chrome
chrome 66
blackboxing network panel
auto adjust zooming device mode
HTML
HTML rendering
local overrides
network requests
devtools
chrome DevTools
DevTools for chrome 66
chrome 66 DevTools
firefox
safari
android developers
ios
web developers
android
AMP
device mode
viewport
CSS
JS
web browsers
chrome devtools
google chrome devtools
google chrome developer tools
developer
web development
GDS: Yes;