Javascript

HTML5 applicationCache 例から、Webアプリケーションはキャッシュされており、インターネットに接続していなくてもアクセスできることがわかります。 アプリケーションキャッシュにはいくつかの利点があります。ユーザーはオフラインのときにアプリケーションを使用でき、キャッシュされたリソースの読み込みが速くなり、サーバーの負荷が軽減されます。 ブラウザキャッシュ Webブラウザは、キャッシュを使用して、アクセスしたページのコピーを保存することにより、HTMLWebページを保存します。その後、そのページに再度アクセスしたときに、コピーを使用してレンダリングします

キャンバスを使用してHTML5でフレームごとのアニメーションを作成するには、次のコードを実行してみてください。 var myImageNum = 1; var lastImage = 5; var context = canvas.getContext('2d'); var img = new Image; img.onload = function(){    context.clearRect( 0, 0, context.canvas.width, context.canvas.height );    context.draw

後付けするには、CSSメディアクエリを使用し、さまざまなスタイルシートをさまざまなブラウザ機能に使用できるようにします。利点は、サーバー側のコードを探す必要がないことです。 これには、デバイスをグループ化するためのスクリプトに特定の検出コードを追加する必要があります。 メディアクエリは、聞いたことのないデバイスでも処理します。 次のように設定します： @media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {   &nb

Android用の組み込みブラウザは、セキュリティ上の理由から正確なGPS位置情報を提供しません。インストール時にGPSから正確な位置を取得するための権限が必要なさまざまなWebブラウザでテストしてください。 GPSをオフにした後、データは10メートル未満の精度で受信されます。 GPSの位置を高精度で取得したい場合は、ウェブサイトにAndroidブラウザを使用しないでください。 Wi-FiをオフにしてiPhoneでテストした場合、Safariブラウザで50メートルの精度が見られます。はい、精度は低くなります。

次のコードを実行して、動画の最後のフレームを再生および保存してみてください。 var c = $('canvas')[0]; var context = canvas.getContext('2d'); c.width = 640; c.height = 480; $("#,myPlayer").on('play', function (e) {    var $this = this;    (function loop() {       if (!

HTML5の公式仕様は次のように述べています： 自動入力フィールド名が「オン」の場合、ユーザーエージェントはヒューリスティックを使用して、ユーザーに提供するのに最も適切な値を決定する必要があります。要素の名前の値、ドキュメントのDOM内の要素の位置に基づいて、 wha オートコンプリート属性の値として次のいずれかを使用します： ） フィールド名 意味 name フルネーム honoritic-prefix プレフィックスまたはタイトル（例： Mr。、 Ms。、 Dr。、 M || e ） given-name 名前（一部の西洋文化では、名とも呼ば

フルページのドラッグアンドドロップファイルについては、次のコードを試してください。 var myDrop = document.getElementById('dropZone'); function displayDropZone() {    myDrop.style.visibility = "visible"; } function hideDropZone() {    myDrop.style.visibility = "hidden"; } function allowDrag(ev)

Uncaught Security Exceptionを解決するには、 crossoriginを追加する必要があります 属性： <img id = "myid" crossorigin = "anonymous" src="https://www.tutorialspoint.com/images/seaborn-4.jpg?v=2"> function getBase64() {    var myImg = document.getElementById("myid"); &n

DragEventを作成するには、分度器APIを使用します。公式ドキュメントには次のように記載されています： The browser.get method loads a page. Protractor expects Angular to be present on a page, so it will throw an error if the page it is attempting to load does not contain the Angular library. (If you need to interact with a non-Angular page, you m

input.valueAsDateメソッドは、入力の現在の値を反映するDateオブジェクトを返します。表示される値は同じ形式に従います。それを機能させるには： new Date().toISOString().substr( 0, 10 ); new Date().toLocaleDateString(); input.valueAsDate; input.valueAsDate.toLocaleDateString(); new Date( input.valueAsDate ); new Date( input.valueAsDate ).toISOString().substr( 0

すべての属性とオーディオソースを正しく設定している場合、これはセキュリティの問題になる可能性があります。 index.htmlに以下を追加します。 <meta http-equiv="Content-Security-Policy" content="default-src 'self'    https://appvipswi.easwi.it; script-src 'self' 'unsafe-inline'; media-src 'self'"> A

mousemoveの後にドラッグスタートを起動するには、次のことを試してください。 ドラッグスタートイベントを発生させる場合は、残りのプロセスフローも実装します。 この問題を解決するには、次のようにユーザーエクスペリエンスを作成します。 ドラッグを有効にするには、それぞれの領域をクリックするようにユーザーに指示する必要があります ユーザーがその領域をクリックすると、ドラッグが使用できるようになったことを示すダイアログが表示されます。

適用するフィルターは、1回のフィルター呼び出しで形成する必要があります。次のように設定します： progid : DXImageTransform.Microsoft.BasicImage(grayscale = 1) CSSは次のように機能する必要があります： .demo {    background: transparent;    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = #00FFFFFF,endColorstr = #00FFFF

HTML5の動画に信頼を割り当てるための設定を追加します： app.config(function($sceDelegateProvider) {    $sceDelegateProvider.resourceUrlWhitelist([    // allowing same origin resource loads    'self',    // allowing loading from our assets domain    'https://media

HTML5タグの互換性を確認するには、以下を使用してください： var $myEL = $('<mark>'); $myEL.appendTo('body'); var bgColor = $myEL.css('backgroundColor'); if (/rgb\(255\, 255\, 0\)/.test(bgColor))    return true; else    return false;

HTML5入力タイプ=” number”がダッシュを受け入れることができるようにするには、正規表現を使用します。 以下に示すように、パターン属性に正規表現を追加します。 [ 0 - 9 ] + ([ - \, ] [0 - 9] + ) ? " 今すぐコードに追加してください： input type = "text" pattern = "[0-9]+([-\,][0-9]+)?" name = "my-num" title = "dashes or comma"/> 上記により、ダッシュを数に

クライアント側のXSLTProcessorAPIは、以下に示すように、HTML5スクリプト仕様の一部です。 XSLT変換プログラムが処理命令によってトリガーされ、ブラウザーがDOMへの直接変換を実装する場合、XSLTプロセッサーによって作成されたスクリプト要素は、「パーサー挿入」とマークされ、ドキュメントで実行される必要があります。 XSLTProcessor.transformToDocument（）メソッドは、ブラウジングコンテキストを持たないドキュメントに要素を追加します。したがって、作成するスクリプト要素では、スクリプトアルゴリズムの準備で「すでに開始された」フラグを設定する

バリデーターは次のテーブルを有効と見なします： <!DOCTYPE html> <html>    <head>       <meta charset = "utf-8">       <title>Example</title>    </head>    <body>       <table>   &

次のコードを試して、HTML5のオーディオに停止ボタンを追加してください。 function displayStopBtn() {    var myPlayer = document.getElementsByTagName('audio')[0];    myPlayer.pause();    myPlayer.currentTime = 0; } jQueryを含めることもできます： $("#stopButton").click(function () {    aud

要素の読み込みの問題を解決するには、クロスオリジンを「匿名」に設定する必要があります： <video crossorigin = "anonymous"></video> 別の修正を試すこともできます。 これは、Access-Control-Request-Headersリクエストヘッダーで渡されたリストと一致するHTTPヘッダーのリストを含むAccess-Control-Allow-Headersレスポンスヘッダーが欠落していることが原因である可能性があります。