Kernpunkte
- API Nahklange Verwenden Sie einen N?herungssensor, um den Abstand zwischen dem Ger?t und dem Objekt zu messen und Entfernungsinformationen bereitzustellen. Diese API ist nicht Teil der Sensor -API, sondern einer eigenst?ndigen API.
- Diese API wird h?ufig verwendet, z. B. die F?higkeit eines Telefons, den Bildschirm automatisch auszuschalten, wenn es nahe am Ohr liegt, und den Musikplayer beizuhalten, wenn ein Objekt (z. B. eine Hand) in der N?he des Ger?ts liegt.
- Die Nahbereichs-API definiert zwei Ereignisse:
deviceproximitybietet Informationen über den Abstand zwischen dem Ger?t und einem nahe gelegenen Objekt an. Diese Ereignisse k?nnen angeh?rt und darauf reagiert werden.userproximity Derzeit ist die Nahbereichs-API gering, nur Firefox (Desktop und Mobile, Version 15 und h?her), obwohl sie die Empfehlungskriterien der W3C-Kandidaten erfüllt hat.
Mobile Ger?te haben auch neue Welten für Webentwickler ge?ffnet. Um die Bedürfnisse von mobilen Ger?ten zu erfüllen, entstand eine Reihe von APIs, die speziell für sie entwickelt wurden.
In den letzten Monaten habe ich Sie mit einigen APIs wie der Web -Benachrichtigungs -API und der Web -Speech -API vorgestellt. In diesem Artikel wird eine einfache, aber praktische API vorgestellt: die Nahbereichs-API.
Einführung
Die API in der N?he des Nahbereichs definiert Ereignisse, die Informationen über den Abstand zwischen dem Ger?t und dem Objekt liefern, gemessen vom Nahbereichssensor. Diese API war ursprünglich Teil der Sensor -API und wurde sp?ter in eine eigenst?ndige API aufgeteilt. Die Spezifikation der Nahbereichs-API wird als stabil angesehen, da sie am 1. Oktober 2013 die Empfehlungskriterien der W3C-Kandidaten erfüllt haben.Wenn Sie ein Smartphone verwendet haben, müssen Sie die Funktionen dieser API erlebt haben.
zum Beispiel: Denken Sie über den Prozess Ihres letzten Anrufs nach. Sie entsperren Ihr Smartphone, geben die Nummer ein, die Sie w?hlen m?chten, und klicken dann auf die Schaltfl?che "Anruf". Sobald Sie fertig sind, bringen Sie Ihr Telefon n?her an Ihre Ohren, und dann passiert etwas Magie, und der Bildschirm schaltet sich aus.
Viele Smartphones haben diese Funktion, um die Batterieleistung zu sparen, die von der Nahbereichs-API betrieben wird. Wenn Sie Ihr mobiles Ger?t n?her an Ihr Ohr bringen, l?st der Proximity -Sensor ein Ereignis aus, das von Ihrem Smartphone geh?rt und den Bildschirm ausschaltet.
Wir haben andere interessante Anwendungsf?lle im Web. Haben Sie jemals Musik mit einem Webdienst w?hrend der Fahrt angeh?rt und mussten dann die Wiedergabe innehalten?
Wie mühsam ist es, den Spieler manuell zu pausieren? Die Antwort muss "sehr mühsam!" Sein. Mit dieser API k?nnen Webentwickler jetzt eine Funktion hinzufügen, die der Spieler innehalten wird, wenn das Objekt (in diesem Fall die Hand) nahe am Ger?t ist.
Jetzt, da wir wissen, was die Nahbereichs-API ist und ihre Anwendungsf?lle, k?nnen wir uns mit den von ihm ausgesetzten Ereignissen befassen.
Ereignis
Die API von Nahbereich definiert zwei Ereignisse, auf die wir nach der N?he des Objekts h?ren k?nnen und darauf reagieren k?nnen. Das erste Ereignis ist deviceproximity, das Informationen über den Abstand zwischen dem Host -Ger?t und den nahe gelegenen Objekten liefert. Das zweite Ereignis ist userproximity, wodurch angibt, ob das Ger?t ein nahe gelegenes Objekt erkennt. Beide Ereignisse werden auf das Objekt window abgefeuert. Um sie zuzuh?ren, müssen wir einen Handler anbringen.
Folgendes ist ein Beispiel dafür, wie ein Ereignishandler angeh?ngt wird: deviceproximity
window.addEventListener('deviceproximity', function(event) {
console.log('An object is ' + event.value + ' centimeters far away');
}); Der zus?tzliche Handler empf?ngt ein Objekt als erster Parameter, der die ben?tigten Informationen enth?lt. Das vom Ereignis übergebene Objekt enth?lt drei Eigenschaften: , deviceproximity und value. min ist eine Zahl, die den Abstand zwischen dem Ger?t und dem Objekt (in Zentimetern) angibt. Die Eigenschaften max und value beschreiben die minimalen und maximalen Entfernungen (in Zentimetern), die der Sensor erkennen kann. Das vom Ereignis übergebene min -Objekt enth?lt das Attribut max. Dies ist ein boolescher Wert, der angibt, ob das Objekt nahe genug am Ger?t ist (True) oder nicht (falsch). In diesem Fall bedeutet "nah genug", dass sich das Objekt innerhalb des nachweisbaren Bereichs eines bestimmten Ger?ts befindet. userproximity
near
Derzeit ist die Unterstützung für APIs in der N?he sehr niedrig. Die einzigen Browser, die es unterstützen, sind Firefox (Desktop und mobile Versionen, beginnend mit Version 15). Dies ist überraschend, wenn man bedenkt, dass es die Empfehlungskriterien der W3C -Kandidaten erfüllt hat, aber das ist der Fall.
Da diese API nur in Firefox implementiert ist, ist es wichtig zu wissen, wie sie ihre Unterstützung testen k?nnen. Wir k?nnen dies mit einer bekannten Methode tun, auf die Sie beim Umgang mit anderen APIs begegnet sind. Diese Methode lautet wie folgt:
Wie oben gezeigt, k?nnen wir die Unterstützung des
if ('ondeviceproximity' in window) {
// API supported. Don't get too close, I can feel you
} else {
// API not supported
} -Ergners testen. Zu diesem Zeitpunkt wissen wir, was die Nahbereichs-API ist und welche Ereignisse sie aufdecken. Um unsere Reise abzuschlie?en, werden wir eine einfache Demo entwickeln, um zu sehen, wie sie tats?chlich funktioniert.
userproximity
Das obige ist der detaillierte Inhalt vonEinführung der N?herungs -API. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Hei?e Themen
Java vs. JavaScript: Die Verwirrung beseitigen
Jun 20, 2025 am 12:27 AM
Java und JavaScript sind unterschiedliche Programmiersprachen, die jeweils für verschiedene Anwendungsszenarien geeignet sind. Java wird für die Entwicklung gro?er Unternehmen und mobiler Anwendungen verwendet, w?hrend JavaScript haupts?chlich für die Entwicklung von Webseiten verwendet wird.
JavaScript -Kommentare: Kurzer Erl?uterung
Jun 19, 2025 am 12:40 AM
JavaScriptComents AreseessentialFormaintaining, Lesen und GuidingCodeexexecution.1) einzelne Linecommments Arequickickexplanationen.2) Multi-LindexplainComproxlogicorProvedetailedDocumentation.3) InlinecommentsclarifyspecificPartsosensofCode.BestPracticic
Wie arbeite man mit Daten und Zeiten in JS?
Jul 01, 2025 am 01:27 AM
Die folgenden Punkte sollten bei der Verarbeitung von Daten und Zeiten in JavaScript festgestellt werden: 1. Es gibt viele M?glichkeiten, Datumsobjekte zu erstellen. Es wird empfohlen, ISO -Format -Zeichenfolgen zu verwenden, um die Kompatibilit?t sicherzustellen. 2. Die Zeitinformationen erhalten und festlegen k?nnen und setzen Sie Methoden fest, und beachten Sie, dass der Monat mit 0 beginnt. 3. Die manuell formatierende Daten sind Zeichenfolgen erforderlich, und auch Bibliotheken von Drittanbietern k?nnen verwendet werden. 4. Es wird empfohlen, Bibliotheken zu verwenden, die Zeitzonen wie Luxon unterstützen. Das Beherrschen dieser wichtigen Punkte kann h?ufige Fehler effektiv vermeiden.
Warum sollten Sie Tags am Ende des platzieren?
Jul 02, 2025 am 01:22 AM
PlatztagsattheBottomofabogpostorwebpageServeSpracticalPurposesforseo, Usexperience und design.1ithelpswithseobyallowingEnginestoaccessKeyword-relevantTagswithoutClutteringHemainContent.2.
JavaScript vs. Java: Ein umfassender Vergleich für Entwickler
Jun 20, 2025 am 12:21 AM
JavaScriptispreferredforwebdevelopment,whileJavaisbetterforlarge-scalebackendsystemsandAndroidapps.1)JavaScriptexcelsincreatinginteractivewebexperienceswithitsdynamicnatureandDOMmanipulation.2)Javaoffersstrongtypingandobject-orientedfeatures,idealfor
JavaScript: Datentypen zur effizienten Codierung untersuchen
Jun 20, 2025 am 12:46 AM
JavaScripthassevenfundamentaldatatypes:number,string,boolean,undefined,null,object,andsymbol.1)Numbersuseadouble-precisionformat,usefulforwidevaluerangesbutbecautiouswithfloating-pointarithmetic.2)Stringsareimmutable,useefficientconcatenationmethodsf
Was sprudelt und f?ngt Ereignis im Dom?
Jul 02, 2025 am 01:19 AM
Ereigniserfassung und Blase sind zwei Phasen der Ereignisausbreitung in DOM. Die Erfassung erfolgt von der oberen Schicht bis zum Zielelement, und die Blase ist vom Zielelement bis zur oberen Schicht. 1. Die Ereigniserfassung wird implementiert, indem der UseCapture -Parameter von AddEventListener auf true festgelegt wird. 2. Ereignisblase ist das Standardverhalten, Uscapture ist auf false oder weggelassen. 3. Die Ereignisausbreitung kann verwendet werden, um die Ereignisausbreitung zu verhindern. 4. Event Bubbling unterstützt die Ereignisdelegation, um die Effizienz der dynamischen Inhaltsverarbeitung zu verbessern. 5. Capture kann verwendet werden, um Ereignisse im Voraus abzufangen, wie z. B. Protokollierung oder Fehlerverarbeitung. Das Verst?ndnis dieser beiden Phasen hilft dabei, das Timing und die Reaktion von JavaScript auf Benutzeroperationen genau zu steuern.
Was ist der Unterschied zwischen Java und JavaScript?
Jun 17, 2025 am 09:17 AM
Java und JavaScript sind verschiedene Programmiersprachen. 1.Java ist eine statisch typisierte und kompilierte Sprache, die für Unternehmensanwendungen und gro?e Systeme geeignet ist. 2. JavaScript ist ein dynamischer Typ und eine interpretierte Sprache, die haupts?chlich für die Webinteraktion und die Front-End-Entwicklung verwendet wird.
