Debugging Project Fugu APIs | DevTools Tips

Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=7ma_ZyfrgYM



Duration: 6:57
6,199 views
209


Project Fugu is a cross browser effort to make web apps to do anything that mobile apps can.

Get a glimpse of these powerful APIs and learn how to debug them with DevTools with our special guest, Tom from the Fugu team!

Questions? Tweet to us:
Thomas Steiner → https://goo.gle/tomayac
Jecelyn Yeen → https://goo.gle/jecfish
Chrome DevTools → https://goo.gle/chromedevtools

Chapters:
0:00 Intro
0:23 What is Project Fugu?
1:01 Idle Detection API
1:41 Emulate Idle Detector in DevTools
2:27 Generic Sensor API
2:54 Emulate Sensor in DevTools
3:06 Geolocation API & Emulate location
3:33 URL Protocol Handler for PWA
4:04 Test URL Protocol Handler
4:23 Origin Trials in Chrome
4:59 View Origin Trials token in the Application panel
5:10 Origin Private File System (OPFS)
5:23 Chrome extension: OPFS Explorer
5:49 Debugging hardware APIs with Chrome: USB, Bluetooth, WebHID, Serial


Links:
What is Project Fugu
Fugu APIs tracker: https://goo.gle/fugu-apis
Showcase: https://goo.gle/fugu-showcase
Demo: https://goo.gle/3WVc5rf

What are Origin Trials
Intro: https://goo.gle/origin-trials
Demo: https://goo.gle/3cuyLJz

What are Progressive Web Apps (PWA)
Intro: https://goo.gle/3EUW0KH
Web App Manifest: https://goo.gle/3Gs5qzt

Idle Detection API
Intro: https://goo.gle/fugu-idle-detection
Demo: https://goo.gle/3Z0AVaP

Device orientation - Generic Sensor API
Intro: https://goo.gle/fugu-generic-sensor
Demo: https://goo.gle/3Wp3vkB

Geolocation API
Intro: https://goo.gle/fugu-device-location
Demo: https://goo.gle/3GqsoGS

URL Protocol Handler for PWAs
Intro: https://goo.gle/fugu-url-protocol-handler
Demo: https://goo.gle/3G45rIo

Origin Private File System (OPFS)
Intro: https://goo.gle/opfs-accesshandle
Chrome extension: https://goo.gle/opfs-explorer

Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer







Tags:
Chrome
Developers
Google
Web
Chrome Devtools
chrome developer tools
intro to devtools tips
what are devtools tips
how to use devtools tips
devtools tips tutorial
devtools
chrome
developer
developers
google developer
google developers
google chrome developers
chrome developer
chrome developers
google chrome
Jecelyn Yeen