Ett webb-API är en utvecklares dröm.
Det kan utöka webbläsarens funktionalitet
Det kan avsevärt förenkla komplexa funktioner
Det kan ge enkel syntax till komplex kod
API står för Application Programming Interface.
Ett webb-API är ett applikationsprogrammeringsgränssnitt för webben.
Ett webbläsar-API kan utöka funktionaliteten hos en webbläsare.
Ett server-API kan utöka funktionaliteten hos en webbserver.
Alla webbläsare har en uppsättning inbyggda webb-API:er för att stödja komplexa operationer och för att få tillgång till data.
Till exempel kan Geolocation API returnera koordinaterna för var webbläsaren finns.
Få latitud och longitud för användarens position:
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;
}
Prova själv →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Geolocation</h2>
<p>Click the button to get your coordinates.</p>
<button onclick="getLocation()">Try It</button>
<p id="demo"></p>
<script>
const x = document.getElementById("demo");
function getLocation() {
try {
navigator.geolocation.getCurrentPosition(showPosition);
} catch {
x.innerHTML = err;
}
}
function showPosition(position) {
x.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
</body>
</html>
Tredje parts API:er är inte inbyggda i din webbläsare.
För att använda dessa API:er måste du ladda ner koden från webben.
Exempel:
YouTube API - Låter dig visa videor på en webbplats.
Twitter API - Låter dig visa Tweets på en webbplats.
Facebook API - Låter dig visa Facebook-information på en webbplats.