Javascriptを使って先端に関するデータを監視するコードです.

3177 ワード

本記事ではJavascript監視の先端に関するデータを紹介していますが、プロジェクトの開発が完了した後、監視システムがありません.公開されたコードがユーザ機器で実行されているかどうかは分かりにくいです.先端コードの性能に関する監視システムを確立する必要があります.
ですから、以下のモジュールを作らなければなりません.
一、スクリプトの収集実行エラー

function error(msg,url,line){
  var REPORT_URL = "xxxx/cgi"; //          
  var m =[msg, url, line, navigator.userAgent, +new Date];//       ,             ,      ,  
  var url = REPORT_URL + m.join('||');//           URL
  var img = new Image;
  img.onload = img.onerror = function(){
   img = null;
  };
  img.src = url;//        cgi
}
//       
window.onerror = function(msg,url,line){
  error(msg,url,line);
}
バックグラウンドシステムを管理することによって、私達はページ上の毎回の間違った情報を見ることができます.これらの情報を通して、私達は素早く位置を特定し、問題を解決することができます.
 二、html 5 performance情報を収集する
performanceは、ページが実行されたライフサイクル全体にわたって異なる実行ステップにロードされる実行時間を含む.performance関連記事は以下をクリックします.performance APIを使ってページの性能を監視します.
様々なステップ時間のnavigationStartに対する時間差を計算し、対応するバックグラウンドCGIで収集することができる.

function _performance(){
  var REPORT_URL = "xxxx/cgi?perf=";
  var perf = (window.webkitPerformance ? window.webkitPerformance : window.msPerformance ),
   points = ['navigationStart','unloadEventStart','unloadEventEnd','redirectStart','redirectEnd','fetchStart','domainLookupStart','connectStart','requestStart','responseStart','responseEnd','domLoading','domInteractive','domContentLoadedEventEnd','domComplete','loadEventStart','loadEventEnd'];
  var timing = pref.timing;
  perf = perf ? perf : window.performance;
  if( perf && timing ) {
   var arr = [];
   var navigationStart = timing[points[0]];
   for(var i=0,l=points.length;i 
 
バックグラウンドインターフェースの収集と統計によって,ページの実行性能を非常に詳細に知ることができた.
三、各ページのJSとCSSのロード時間を統計する.
JSまたはCSSがロードする前にタイムスタンプを押して、ロードしてタイムスタンプを押して、データをバックグラウンドに報告します.ロード時間はページのホワイトスクリーンを反映しています.操作可能な待ち時間です.

var cssLoadStart = +new Date




  var cssLoadTime = (+new Date) - cssLoadStart;
  var jsLoadStart = +new Date;





  var jsLoadTime = (+new Date) - jsLoadStart;
  var REPORT_URL = 'xxx/cgi?data='
  var img = new Image;
  img.onload = img.onerror = function(){
   img = null;
  };
  img.src = REPORT_URL + cssLoadTime + '-' + jsLoadTime;

以上が本文の全部です.皆さんの勉強に役に立ちたいです.