Drei neue JavaScript-APIs, die Sie möglicherweise verwenden möchten

Wenn Sie regelmäßig SitePoint lesen und ein Fan von mir sind, dann wissen Sie bereits, dass ich viel über Artikel über HTML5 und JS API. Bisher habe ich einige Einführungen zur API veröffentlicht, die Sie jetzt verwenden können, obwohl es möglicherweise möglich ist, die Polyfill Weg. (Anmerkung: Wenn Sie nicht wissen, was Polyfill ist, klicken Sie bitte hier.)

Aber heute muss ich diese Routine möglicherweise durchbrechen Ich stelle Ihnen einige vor. Die

API befindet sich noch im Anfangsstadium. Jeder muss wissen, dass diese APIs sehr neu sind und zwei dieser drei erst vor ein paar Tagen veröffentlicht wurden. Aus diesem Grund sind diese APIs derzeit nicht verfügbar. Wenn Sie jedoch wissen möchten, wofür sie konkret verwendet werden, können Sie weiter unten die ausführliche Einführung zu ihnen lesen und auch gerne Ihre Meinung und Antworten hinterlassen.

Ohne weitere Umschweife, fangen wir jetzt an! Mit der

Web Alarms API

Web Alarms API

können Sie die Alarmeinstellungen Ihres Geräts konfigurieren und Benachrichtigungen planen Nachricht senden oder eine bestimmte Anwendung zu einem bestimmten Zeitpunkt starten lassen. Die typischste Verwendung dieser API umfasst Programme wie Wecker, Kalender oder andere Programme, die bestimmte Vorgänge zu bestimmten Zeiten ausführen müssen.

Seit letztem Jahr ist diese

API gerade zu einem W3C Designentwurf geworden. Daher befinden sich alle Details zu einer offiziellen Empfehlung des W3C noch im Anfangsstadium. Diese API muss über das Attribut alarms unter dem window.navigator Objekt. Das Attribut alarms stellt drei Funktionen bereit: getAll():

Ruft alle vorhandenen Alarme vom Gerät Bell ab und wird als Array zurückgegeben, das Alarm-Objekte enthält. add():

Registrieren Sie einen Alarm basierend auf dem Objekt Datum und geben Sie ein AlarmRequest-Objekt. remove():

Entfernt einen zuvor registrierten Alarm anhand der eindeutigen

ID (Eindeutigkeit nur für die Anwendung selbst) Um zu demonstrieren, wie diese Funktionen idealerweise verwendet werden sollten, finden Sie hier ein Beispiel für das Hinzufügen eines Alarmcodes (bitte beachten Sie, dass dieser Abschnitt derzeit von keinem Browser unterstützt wird)

Quelltext anzeigen?

var alarmId;

var request = navigator.alarms .add(

neues Datum("29. Juni 2012 07:30:00"),

"respectTimezone",

);

request.onsuccess = function (e) {

alarmId = e.target result;

};

request.onerror = function (e) {

alert (e.target.error .name);

};

Wenn Sie mehr über

Web Alarms API

Einzelheiten entnehmen Sie bitte der entsprechenden Dokumentation. Präsentations-API

Das Ziel der Präsentations-API ist es, Projektoren oder

Fernseher zu ermöglichen Ein solches sekundäres Anzeigegerät kann über das Web verwendet werden, auch über Kabel (HDMI, DVI usw.) Verbindungen sowie Geräte über WLAN (MiraCast, Chromecast, DLNA, AirPlay usw.). Diese API implementiert den Nachrichtenaustausch zwischen der Anforderungsseite und der Demoseite auf dem zweiten Anzeigegerät.

Bitte beachten Sie, dass die API

-Details nicht zu W3C-Standards sind nicht im W3C-Standardplan enthalten. Diese API muss über das Attribut presentation unter dem window.navigator Objekt. Diese Eigenschaft stellt eine Funktion namens requestSession() sowie present und availablechangeZwei Veranstaltungen. Mit der Funktion requestSession() kann die Präsentation auf dem sekundären Anzeigegerät gestartet oder fortgesetzt werden. Es gibt ein session-Objekt zurück, das sich auf die aktuelle Präsentation bezieht. Wenn der Demoinhalt in der über requestSession() übergebenen URL geladen wird, erhält die Seite des Demobildschirms GeschenkEreignis. Schließlich wird das Ereignis availablechange ausgegeben, nachdem die erste Demo erscheint oder nachdem die letzte Demo abgeschlossen ist. Aus der Detaildokumentation geht beispielsweise hervor, dass die Verwendung der API wie folgt lautet:

Quelltext anzeigen?

Anzeigen

<script></span></p> <p><span>var Presentation = navigator.presentation ,</span></p> <p><span>showButton = document.querySelector('button'); </span></p> <p><span>presentation.onavailablechange = function(e) {</span></p> <p><span>showButton.disabled = !e.available;</span></p> <p><span>showButton.onclick = show;</span></p> <p><span>}; </span></p> <p><span>function show() {</span></p> <p><span>var session = Presentation.requestSession('http://example.org/'); </span></p> <p><span>session.onstatechange = function() {</span></p> <p><span>switch (session.state) {</span></p> <p><span>case 'connected':</span></p> <p><span>session.postMessage(/*...*/);</span></p> <p><span>session.onmessage = function() { /*...*/ };</span></p> <p><span>break;</span></p> <p><span>Fall 'nicht verbunden':</span></p> <p> <span>console.log('Disconnected.');</span></p> <p><span>break;</span></p> <p><span>}</span></p> <p><span>};</span></p> <p><span>}</span></p> <p><span></script>

如果你想要了解更多关于Presentation API的消息,可以看看最终报告.

Standby API

Standby API让你可以在顶层浏览器页面中请求屏幕持续显示锁.这可以防止设备进入省电状态（例如屏幕自动关闭）。这个功能对有些web应用来说至关重要.例如，想像一下你正在驾车并在手机上使用基于web的导航软件（非本地应用）.如果你不去触碰屏幕的话, 你的手机的屏幕会自动关闭, 除非你事前在手机上进行过相关的设置.在这样的情况下,通常你是想要让屏幕保持显示状态的.这恰恰是这个API适用的地方.

这个API需要通过 window.navigator对象下的wakeLock属性来使用。它会提供两个函数:

request(): 使当前应用能让屏幕保持显示状态.

release(): 释放持续显示锁，这样屏幕就不会再被强制要求显示.

这两个函数都只接受一个参数，其只能是“Bildschirm “或“System“ 🎜>CPU或广播之类的其他设备资源.

以下例子会演示如何适用该

API让设备屏幕保持显示状态:

Quelltext anzeigen?

navigator.wakeLock.request("display").then(

Funktion successFunction() {

// etwas tun

},

function errorFunction() {

// etwas anderes machen

}

);

要让设备允许屏幕关闭，我们可以用以下方法：

view.sourceprint?

navigator.wa keLock .release("display");

如果你想要了解关于

Standby API的更多信息,可以参考这个非官方草案.

总结

在这篇文章里我给大家介绍了一些崭新的

JS API没法实际地操作它们.然而正因为它们如此之新大家现在都有机会跟进它们接下来的发展甚至参与帮助它们的细节设计的完善.

免费领取

LAMPE兄弟连原创PHP教程光盘/《细说PHP》精要版，详情咨询官网客服： http://www.lampbrother.net

PHPCMS

二次开发http ://yun.itxdl.cn/online/phpcms/index.php?u=5

微信开发

http://yun.itxdl.cn/online/weixin/index.php?u=5

移动互联网服务器端开发

http://yun.itxdl.cn/online/server/index.php?u=5

Javascript

课程http://yun.itxdl.cn/online/js/index.php?u=5

CTO

训练营http://yun.itxdl.cn/online/cto/index.php?u=5

Das Obige stellt drei neue JavaScript-APIs vor, die Sie möglicherweise verwenden möchten, einschließlich relevanter Inhalte. Ich hoffe, dass es für Freunde hilfreich ist, die sich für PHP-Tutorials interessieren.