← Immutability in JavaScript Web Workers →

Browser APIs

Modern browsers provide powerful APIs to interact with hardware, network, and user devices.

Battery Status API
Geolocation API
Clipboard API
Notifications API
Network Information API
Media Devices API
Device Orientation API
And many more...

Loading browser APIs... (Client-side only)

📝 Code Example

JavaScript Editor

// 1. Battery API
if ('getBattery' in navigator) {
  navigator.getBattery().then(battery => {
    console.log(`Battery: ${battery.level * 100}%`);
    console.log(`Charging: ${battery.charging}`);
  });
}

// 2. Geolocation API
if ('geolocation' in navigator) {
  navigator.geolocation.getCurrentPosition(
    position => {
      console.log(`Latitude: ${position.coords.latitude}`);
      console.log(`Longitude: ${position.coords.longitude}`);
    },
    error => console.error(error)
  );
}

// 3. Clipboard API
async function copyText() {
  await navigator.clipboard.writeText('Hello World!');
}

async function pasteText() {
  const text = await navigator.clipboard.readText();
  console.log(text);
}

// 4. Notifications API
if ('Notification' in window) {
  Notification.requestPermission().then(permission => {
    if (permission === 'granted') {
      new Notification('Hello!', { body: 'Notification body' });
    }
  });
}

// 5. Network Information API
if ('connection' in navigator) {
  const connection = navigator.connection;
  console.log(`Network type: ${connection.effectiveType}`);
  console.log(`Downlink: ${connection.downlink} Mbps`);
}

Key Points

Always check for API availability before using
User permission is required for sensitive APIs (geolocation, notifications, clipboard)
APIs have different support across browsers
Some APIs work only in secure contexts (HTTPS)
Use feature detection instead of browser detection
Browser APIs are client-side only

← Immutability in JavaScript Web Workers →

Frontend

JavaScript & Frameworks

Backend

Artificial Intelligence

Database

CSS Frameworks

Data Analytics

Digital Marketing

Frontend

Backend

Artificial Intelligence

DevOps

Database

Cyber Security

JavaScript Tutorial

Browser APIs

📝 Code Example

Key Points

Follow Us

Our Tools

Our Company

Special Tools