Web API - 介紹
Web API 是開發者的夢想。
- 它可以擴充套件瀏覽器的功能
- 它可以極大地簡化複雜功能
- 它可以為複雜的程式碼提供簡單的語法
什麼是 Web API?
API 代表 Application Programming Interface(應用程式程式設計介面)。
Web API 是 Web 的應用程式程式設計介面。
瀏覽器 API 可以擴充套件網頁瀏覽器的功能。
伺服器 API 可以擴充套件 Web 伺服器的功能。
瀏覽器 API
所有瀏覽器都內建了一套 Web API,以支援複雜操作並幫助訪問資料。
例如,地理定位 API 可以返回瀏覽器所在位置的座標。
示例
獲取使用者位置的緯度和經度
const myElement = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
myElement.innerHTML = "此瀏覽器不支援地理定位。";
}
}
function showPosition(position) {
myElement.innerHTML = "緯度: " + position.coords.latitude +
"<br>經度: " + position.coords.longitude;
}
自己動手試一試 »
第三方 API
第三方 API 並未內置於您的瀏覽器中。
要使用這些 API,您需要從 Web 下載程式碼。
示例
- YouTube API - 允許您在網站上顯示影片。
- Twitter API - 允許您在網站上顯示推文。
- Facebook API - 允許您在網站上顯示 Facebook 資訊。