Debugging Project Fugu APIs #DevToolsTips

Опубликовано 29 декабря 2022, 18:27

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 → goo.gle/tomayac
Jecelyn Yeen → goo.gle/jecfish
Chrome DevTools → 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: goo.gle/fugu-apis
Showcase: goo.gle/fugu-showcase
Demo: goo.gle/3WVc5rf

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

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

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

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

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

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

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

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

#DevToolsTips #Chrome #Developer