ホームページ  >  記事  >  ウェブフロントエンド  >  js検出ネットワークのステータスコードの配置

js検出ネットワークのステータスコードの配置

PHP中文网
PHP中文网オリジナル
2017-07-13 14:11:032250ブラウズ

この記事では、javascriptを使用して携帯電話ネットワークが中断されているかどうかを検出し、特定のページのリマインダーや機能の無効化を実現し、それによってユーザーエクスペリエンスを最適化します。

コードには次のような真実があります:

 /*检测网络状况*/
var testnet_on=function(){
var img=new Image();
img.id="testnet";
img.onload=function(){
  $("#testnet").remove();
  if(net_on==0 && $("#playbtn").is(":not(.stopped)")){
    playmusic(currentinfo.id);
  }
  net_on=1;
};
img.onerror=function(){
  $("#testnet").remove();
  net_on=0;
};
img.src="http://www.baidu.com/img/baidu_jgylogo3.gif?t="+(new Date().getTime());
img.style.display="none";
document.body.appendChild(img);
}
var net_on=1;
test_interval=setInterval(testnet_on,10000);
/*检测网络状况*/

1 ピクセルの画像を継続的にリクエストすることにより、画像リクエストが失敗した場合、img.onerror イベント がトリガーされ、グローバル 変数 testnet_on= 0 はイベント コールバックで変更され、ネットワークが切断されていることを示します。それ以外の場合は、onload イベント testnet_on=1 がトリガーされます。

もちろん、画像が大きすぎることはできません。大きすぎると、ユーザーのトラフィックが無駄になり、ユーザーの不満を引き起こす可能性があります。そしてゲインはゲインを上回ります。

この記事はphp中国語ウェブサイトから提供されています

記事アドレス: http://www.php.cn/js-tutorial-374005.html

転載しないでください~~~

以上がjs検出ネットワークのステータスコードの配置の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。