Debugging Project Fugu APIs #DevToolsTips
Channel: Chrome for Developers
Date: 2022-12-29

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