HTML5を使用してWebブラウザで別のドメインからの制限されたリソースを許可する方法
クロスオリジンリソースシェアリング(CORS)は、制限されたリソースをWebブラウザの別のドメインから許可するメカニズムです
たとえば、html5デモセクションでHTML5-ビデオプレーヤーをクリックした場合。カメラの許可を求めます。ユーザーが許可を許可した場合、それだけがカメラを開くか、そうでない場合はWebアプリケーション用のカメラを開きません
ここで、Chrome、Firefox、Opera、SafariはすべてXMLHttprequest2オブジェクトを使用し、InternetExplorerは同様のXDomainRequestオブジェクトであるオブジェクトを使用します。
function createCORSRequest(method, url) { var xhr = new XMLHttpRequest(); if ("withCredentials" in xhr) { // Check if the XMLHttpRequest object has a "withCredentials" property. // "withCredentials" only exists on XMLHTTPRequest2 objects. xhr.open(method, url, true); } else if (typeof XDomainRequest != "undefined") { // Otherwise, check if XDomainRequest. // XDomainRequest only exists in IE, and is IE's way of making CORS requests. xhr = new XDomainRequest(); xhr.open(method, url); } else { // Otherwise, CORS is not supported by the browser. xhr = null; } return xhr; } var xhr = createCORSRequest('GET', url); if (!xhr) { throw new Error('CORS not supported'); }
-
HTML5 localStorage APIを使用してブラウザにデータを保存するにはどうすればよいですか?
HTML5 localStorageは、文字列データをブラウザに保存し、現在のセッションを超えて存続します。 localStorageは有効期限なしでデータを保存しますが、sessionStorageはセッションのみに制限されます。ブラウザを閉じると、セッションが失われます。 ローカルストレージは、複数のウィンドウにまたがり、現在のセッションを超えて存続するストレージ用に設計されています。特に、Webアプリケーションは、パフォーマンス上の理由から、ユーザーが作成したドキュメント全体やユーザーのメールボックスなど、メガバイト単位のユーザーデータをクライアント側に保存したい場合があります。
-
Sを使用して端末からWebを検索する方法
ターミナルでいくつかのタスクを実行していて、特定のサイトでいくつかの情報を検索したい場合は、ターミナルを離れてブラウザを実行して検索を実行する必要があります。 Sは、それを行うためのより良い方法があることを証明しています。 Sは、ターミナルからWebを検索できる唯一のツールではありませんが、すぐに使用できる12の検索エンジンをサポートしています。 S-Searchとも呼ばれ、検索を実行すると、結果はデフォルトのブラウザに表示され、端末に直接表示されません。ターミナルから簡単なコマンドを使用して、Google、Amazon、DebianPKG、IMDBなどで何かを検索する方法を見てみましょう。