browserapi's Introduction

browserapi

A wrapper tool for next generation browser apis like vibration, fullscreen, and etc.

Supported APIs

Geolocation

browserapi.get('geolocation')((geolocation) => {
  geolocation.getCurrentPosition(function (data) {
    console.dir(data); //successfully get the Geoposition data
  }, function (err) {
    console.dir(err); // logs the error stack
  }, {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0
  }); //options while getting geolocation data
});

fetch

browserapi.get('fetch')((fetch) => {
  fetch(new Request('<URL>')).then(function (data) {
    console.dir(data);
  });
});

Fullscreen API

browserapi.get('fullScreen')(document.querySelector('body'), (fullScreen) => {
  console.dir(fullScreen);
});

Note : This method invocation prints "Failed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture.". Since the security concerns, it only can be triggered by a user event like click or etc.

Battery

browserapi.get('battery')((battery) => console.log(battery.level));
//logs 0.97

Service Worker

browserapi.get('serviceWorker')((serviceWorker) => {
  console.dir(instance);
});

Local Storage

browserapi.get('localStorage')((localStorage) => {
   localStorage.setItem('some_data', '{some_data : "yes, cool..."}');
   console.dir(localStorage.getItem('some_data'));
});

Device Orientation

browserapi.get('deviceOrientation')((deviceOrientation) => {
   console.dir(deviceOrientation);
});

vibrate

browserapi.get('vibrate')((vibrate) => {
   navigator['vibrate'](1000);
});

audioContext

browserapi.get('audioContext')((audioContext) => {
   console.dir(audioContext);
});

Caches API

browserapi.get('caches')((caches) => {
   console.dir(caches);
})

browserapi's People

Contributors

Stargazers

Watchers

browserapi's Issues

Error: fullScreen is read-only

fullScreen cannot be modified since it is a constant.

const fullScreen = null;
if (element.requestFullscreen) {
  fullScreen = element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
  fullScreen = element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
  fullScreen = element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
  fullScreen = element.msRequestFullscreen();
}

Recommend Projects