Web API - 簡介

Web API 是開發人員的夢想。

  • 它可以擴展瀏覽器的功能
  • 它可以極大簡化復雜的功能
  • 它可以為復雜的代碼提供簡單的語法

什么是 Web API？

API 指的是應用程序編程接口（Application Programming Interface）。

Web API 是 Web 的應用程序編程接口。

瀏覽器 API 可以擴展 Web 瀏覽器的功能。

服務器 API 可以擴展 Web 服務器的功能。

瀏覽器 API

所有瀏覽器都有一組內置的 Web API 來支持復雜的操作，并幫助訪問數據。

例如，Geolocation API 可以返回瀏覽器所在位置的坐標。

實例

獲取用戶所在位置的經緯度：

const myElement = document.getElementById("demo");
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    myElement.innerHTML = "Geolocation is not supported by this browser.";
  }
}
function showPosition(position) {
  myElement.innerHTML = "Latitude: " + position.coords.latitude +
  "<br>Longitude: " + position.coords.longitude;
}

親自試一試

第三方 API

第三方 API 未內置于您的瀏覽器中。

要使用這些 API，您必須從 Web 下載代碼。

舉例：

  • YouTube API - 允許您在網站上顯示視頻。
  • Twitter API - 允許您在網站上顯示推文。
  • Facebook API - 允許您在網站上顯示 Facebook 信息。