What mobile
browsers can do

2020 revisited

Michał Michalczuk

🕐 2018




🕒 2020

PWA are user experiences that have reach of the web.

Reliable

Fast

Engaging

Web

or

Native

Is web

Is browser

Capabilities for the web

Michał Michalczuk

@michalczukm

Senior Software Engineer

Spartez / Atlassian

Jira Cloud

APIs

💪

Capabilities for the web

Sensor APIs

Sensor APIs

// based on new GenericSensorAPI
const sensor = new Accelerometer();

sensor.addEventListener(
  'reading', 
   () => {
   	const [x, y, z] = sensor;
   }
);

sensor.addEventListener('error', event => {...});

sensor.start();

Sensor APIs

// ask for permission
await navigator.permissions.query({
  name: 'accelerometer' 
});

🛌 Screen Wake Lock API

 

 

and

🪑 Idle Detection API

Whats up with
iOS?

Is it safe?

Final thoughts

  • Looks great. But mostly in Chrome 😕
  • Safari declined to implement APIs 😭
  • Lot of APIs are still immature and drafts 😕
  • Generic Sensor API ❤️
  • Since 2018 - not that much changes, same trend 😐
  • Successful stories exists ❤️
  • You are safe 🔐, those APIs work only via HTTPS

Feedback?

Yes please

What mobile browsers can do - 2020 revisited

By Michał Michalczuk

What mobile browsers can do - 2020 revisited

4developers 2020

  • 1,116