Skip to content
View in the app

A better way to browse. Learn more.

OKCCN - XenForo & IPS Plugin Marketplace

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
  • Language

HTML - What is a Web API?

Featured Replies

  • Administrators

HTML - What is a Web API?


A Web API is a developer's dream.

  • It can extend the functionality of the browser
  • It can greatly simplify complex functions
  • It can provide easy syntax to complex code

What is Web API?

API stands for Application Programming Interface. An API is some kind of interface that includes a set of functions and subroutines that allow programmers to access specific features or data of an application, operating system or other services.

A Web API is an application programming interface for the Web.


HTML APIs

All browsers have a set of built-in Web APIs to support complex operations, and to help accessing data.

Here are some of the main HTML5 APIs:

1. Geolocation API - This API is used to access the current location of a user (with latitude and longitude).

2. Drag and Drop API - This API enables you to use drag-and-drop features in browsers.

3. Web Storage API - This API has mechanisms to let browsers store key/value pairs (in a more intuitive way than cookies).

4. Web Workers API - This API allows a JavaScript to run in the background, without affecting the performance of the page. Users can continue to do whatever they want: clicking, selecting things, etc., while the web worker runs in the background.

5. Server-Sent Events API - This API allows a web page to automatically get updates from a server.

6. Canvas API - This API lets you draw graphics, on the fly, via JavaScript.



Notes on Using HTML APIs

When implementing an HTML API, you should always:

Check Browser Capability - Always check that the target browsers support the API. Always add script or message to be run if a browser does not support it.

Add Robust Error Handling - Add robust error handling to take care of scenarios where an API may not function as expected, to ensure a seamless user experience.

Request User Permission - When using an API that accesses sensitive data, like the Geolocation API (which will access the user's geographical position), always prompt  the user for consent before proceeding.


Third Party APIs

Third party APIs are not built into your browser.

To use these APIs, you will have to download the code from the Web.

Examples:

  • YouTube API - Allows you to display videos on a web site.
  • Twitter API - Allows you to display Tweets on a web site.
  • Facebook API - Allows you to display Facebook info on a web site.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.