タグ付けされた質問 「google-chrome」

ナビゲート時にポップアップするシンプルな読み込みスピナーを作成しようとしています。ナビゲートするときに「beforeunload」イベントを使用して表示され、完了したら「load」イベントを使用して再び非表示にします。 問題は、ページをスマートフォンのバックグラウンドに数時間置いたままにすると、「beforeunload」イベントがトリガーされ、スピナーが表示されることです。おそらく、Android上のChromeがメモリを節約するためにページを部分的にアンロードしているためです。スピナーはそれ自体で消えることはありませんし、エレガントな方法でスピナーを再び消す方法を理解できていないようです。 代わりに使用すべき他のイベントはありますか？ window.addEventListener("load", function() { topSpinner.classList.add("closed"); }); window.addEventListener("beforeunload", function() { topSpinner.classList.remove("closed"); });

8 javascript  android  google-chrome 

Chromeから次の警告が表示されます。 属性 なしでhttp://quilljs.com/のクロスサイトリソースに関連付けられたCookie が設定されましたSameSite。Chromeの将来のリリースでは、とが設定されている場合にのみ、クロスサイトリクエストでCookieを配信SameSite=NoneしSecureます。 quilljs.comはサードパーティのドメインであることに注意してください。 私はこれらの 質問を見ました、両方の質問の答えは似ています、いくつかはこのようなことを言います： コードとは関係ありません。Webサーバーがサポートする必要があるものです。 他の人はこのような答えを提供しますが： response.setHeader("Set-Cookie", "HttpOnly;Secure;SameSite=Strict"); これが自分のウェブサイトで修正する必要があるものか、サードパーティのライブラリで修正する必要があるものかわかりません。

8 javascript  google-chrome  cookies  cross-site  samesite 

すべてのリクエストに単純なヘッダーを添付するために、サービスワーカーを（数時間）使用しようとしています。イライラするのは、一種の作品です。 試み1： self.addEventListener("fetch", event => { const modifiedHeaders = new Headers({ ...event.request.headers, 'API-Key': '000000000000000000001' }); const modifiedRequest = new Request(event.request, { headers: modifiedHeaders, }); event.respondWith((async () => { return fetch(modifiedRequest); })()); }); 上記のコードはHTMLファイルで機能しますが、CSSおよびJSファイルでは次のエラーが発生します ReferenceError：ヘッダーが定義されていません ヘッダー要件を無効にすると、ページに画像とJavaScriptが読み込まれ、通常のように操作できます。 試み2： var req = new Request(event.request.url, { headers: { ...event.request.headers, 'API-Key': '000000000000000000001' }, method: event.request.method, …

8 javascript  google-chrome  service-worker 

かなり大きいHTML5ビデオがあります。Chromeも使用しています。video要素にはloop属性がありますが、ビデオが「ループ」するたびに、ブラウザはビデオファイルを再ダウンロードします。設定しましたCache-Control "max-age=15768000, private"。ただし、これによって同一ファイルの追加ダウンロードが妨げられることはありません。Amazon S3を使用してファイルをホストしています。また、s3サーバーはAccepts Rangesヘッダーで応答するため、ファイルの数百の部分的なダウンロードが206http応答コードで要求されます。 これが私のビデオタグです： <video autoplay="" loop="" class="asset current"> <source src="https://mybucket.s3.us-east-2.amazonaws.com/myvideo.mp4"> </video> 更新： 最良の解決策はAccept Ranges、元の応答でヘッダーが送信されないようにし、代わりに200 http応答コードを使用することです。ビデオを.htaccessファイル全体にキャッシュするために、これをどのように実現できますか？ 前もって感謝します。

8 javascript  html  google-chrome  http  amazon-s3