使用したい 3 つの新しい JavaScript API

あなたが SitePoint の定期的な読者であり、私のファンであれば、私が HTML5 と JS API について多くのことを書いていることをすでにご存知でしょう。これまでに、今すぐ使用できる API の紹介をいくつか投稿してきましたが、おそらく polyfill が使用されています。 (注釈: ポリフィルが何なのかわからない場合は、ここをクリックしてください。)

しかし、今日はこのルーティンを打ち破って、まだ初期段階にあるいくつかのAPIを紹介したいと思います。 。これらの API は非常に新しく、これら 3 つのうち 2 つは数日前にリリースされたばかりであることは誰もが知っているはずです。このため、これらの API は現在利用できません。ただし、それらが具体的に何に使用されるのか知りたい場合は、以下の詳細な紹介を読み続けることができます。また、ご意見や回答を残すことも歓迎します。

これ以上ナンセンスはやめて、今すぐ始めましょう!

Web アラーム API

Web アラーム API を使用すると、デバイスのアラーム設定を構成して、通知メッセージをスケジュールしたり、指定した時間に特定のアプリを起動したりすることができます。この API の最も一般的な使用法には、目覚まし時計、カレンダー、または特定の時間に特定の操作を実行する必要があるその他のプログラムなどのプログラムが含まれます。

昨年以来、このAPIはちょうどW3Cのデザインドラフトになりました。したがって、正式な W3C 勧告となるものに関する詳細は、まだ初期段階にあります。この API は、window.navigator オブジェクトの alarms 属性を通じて使用する必要があります。 alarms 属性は 3 つの関数を提供します:

getAll(): デバイスから既存のアラームをすべて取得し、Alarm オブジェクトを含む配列の形式で返します。

add(): Dateオブジェクトに基づいてアラームを登録し、AlarmRequestオブジェクトを返します。

remove():

一意の ID によって以前に登録されたアラームを削除します (一意性はアプリ自体のみに適用されます)

これらの関数の理想的な使用方法を示すために、次の例を示します。アラームの追加 (このコードは現在どのブラウザでもサポートされていないことに注意してください)

view sourceprint?

var AlarmId;

var request = navigator.alarms.add (

new Date ("2012 年 6 月 29 日 07:30:00"),

" respectTimezone",

);

request.onsuccess = function (e) {

alarmId = e.target .result;

};

request.onerror = function (e) {

alert(e.target.error.name);

};

Web Alarms API

について詳しくは、関連する詳細ドキュメントを参照してください。

プレゼンテーション API

プレゼンテーション API

の目標は、プロジェクターや

テレビ

などのセカンダリ ディスプレイ デバイスを、有線 () 経由のすべてのデバイスを含め、Web で使用できるようにすることです。 HDMI、DVIなど)デバイス、およびワイヤレス経由(MiraCast、Chromecast、DLNA、AirPlayなど)。この API が行うことは、リクエスト ページと 2 番目の表示デバイス上のデモ ページの間のメッセージ交換を実装することです。

この

API

の詳細は、

W3C標準の一部ではなく、W3C標準プロジェクトの一部でもないことに注意してください。この API は、window.navigator オブジェクトの presentation 属性を通じて使用する必要があります。この属性は、requestSession()という関数と、2つのイベントpresentとavailablechangeを提供します。 requestSession() 関数を使用して、セカンダリ ディスプレイ デバイスでプレゼンテーションを開始または再開できます。現在のプレゼンテーションを参照する session オブジェクトを返します。 requestSession()を介して渡されたurlのデモコンテンツがロードされると、デモ画面のページはpresentイベントを受け取ります。最後に、最初のデモが表示された後、または最後のデモが完了した後に、availablechange イベントが発行されます。 たとえば、詳細なドキュメントから、このAPI

の使用法は次のとおりです:

view sourceprint?

<ボタンが無効になっています>表示

<script></span></p> <p><span>varpresentation = 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>case '切断されました':</span></p> <p><span>console.log('切断されました。');</span> </p> <p><span>break;</span></p> <p><span>}</span></p> <p><span>};</span></p> <p><span>}</span></p> <p><span></script>

如果你想要知プレゼンテーション API に関するメッセージ

スタンバイ API

スタンバイ API

は、トップ層ブラウザーの画面で画面の継続表示を要求できます。入省電気状態（例：画面自動关闭）この機能は、一部の ウェブ アプリケーションにとって非常に重要です。 たとえば、次の場合、ウェブ ベースのナビゲーション モジュール (非地上アプリケーション) が車に乗って、携帯電話で使用されているとします。このような場合、携帯電話上で事前に関連する設定が行われていない限り、通常はスクリーンが表示状態を維持することが望まれます。 このAPI

は、

window.navigatorオブジェクトの下のwakeLockプロパティを介して使用する必要があります。 リクエスト() : 現在のアプリケーションが画面を表示状態に維持できるようにします。

release(): 释解放継続的表示锁、この画面は再度表示要求されません。两个関数数都只受信パラメータの 1 つは、「

screen

」または「system

」のみです。前者は操作対象となるのがデバイス画面であることを示し、後者は操作対象となるのが

CPUやブロードキャストなどの削除画面であることを示します。他のデバイスのソース。 gator.wakeLock.request("表示") .then(function successFunction() {// 何かをする

},

function errorFunction() {

// 何か他のことをする

}

);

要让设备允许画面关闭、我们次の方法を使用できます:

view sourceprint?

navigator.wakeLock.release("display");

如果你

スタンバイ API

についてさらに多くの情報を知りたい場合は、この非公式の草案を参照してください。

これらは非常に初期の段階にあるため、現在はサポートされていないため、私たちはこれらを厳密に操作していません。の公開展は、彼らを支援する緻密な設計にさえ参加する完璧な作品です。 HP

教程

光盘/

《

细说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=5Javascript课程 http://yun.itxdl.cn/online/js/index.php?u=5CTO训练营http://yun.itxdl.cn/online/cto /index.php?u=5

上記では、関連コンテンツも含めて、使用したいと思われる 3 つの新しい JavaScript API を紹介しています。PHP チュートリアルに興味のある友人にとって役立つことを願っています。