国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端代碼性能質量監測

shixinzhang / 2719人閱讀

摘要:連接建立指的是所有握手和認證過程全部結束。發生錯誤的腳本字符串發生錯誤的行號數字發生錯誤的列號數字對象對象若該函數返回,則阻止執行默認事件處理函數。在某些瀏覽器中,通過在使用屬性并要求服務器發送適當的響應頭,該行為可被覆蓋。

1.頁面整體性能

通過瀏覽器提供的 window.performance.timing 方法,我們能夠得到網頁每個處理階段的精確時間。打開一個頁面后,這些信息會被瀏覽器記錄下來,我們直接在控制臺輸出,就可以查看結果

PerformanceTiming 接口包含了當前頁面中與時間相關的信息。

可以通過只讀屬性Performance.timing 獲得實現該接口的一個對象。

var timing = window.Performance.timing;
console.log(timing);

詳情如下:

https://developer.mozilla.org...

PerformanceTiming 接口不包含任何繼承屬性。

PerformanceTiming.navigationStart 只讀

是一個無符號long long 型的毫秒數,表征了從同一個瀏覽器上下文的上一個文檔卸載(unload)結束時的UNIX時間戳。如果沒有上一個文檔,這個值會和PerformanceTiming.fetchStart相同。

PerformanceTiming.unloadEventStart 只讀

是一個無符號long long 型的毫秒數,表征了unload事件拋出時的UNIX時間戳。如果沒有上一個文檔,or if the previous document, or one of the needed redirects, is not of the same origin, 這個值會返回0.

PerformanceTiming.unloadEventEnd 只讀

是一個無符號long long 型的毫秒數,表征了unload事件處理完成時的UNIX時間戳。如果沒有上一個文檔,or if the previous document, or one of the needed redirects, is not of the same origin, 這個值會返回0.

PerformanceTiming.redirectStart 只讀

是一個無符號long long 型的毫秒數,表征了第一個HTTP重定向開始時的UNIX時間戳。如果沒有重定向,或者重定向中的一個不同源,這個值會返回0.

PerformanceTiming.redirectEnd 只讀

是一個無符號long long 型的毫秒數,表征了最后一個HTTP重定向完成時(也就是說是HTTP響應的最后一個比特直接被收到的時間)的UNIX時間戳。如果沒有重定向,或者重定向中的一個不同源,這個值會返回0.

PerformanceTiming.fetchStart 只讀

是一個無符號long long 型的毫秒數,表征了瀏覽器準備好使用HTTP請求來獲取(fetch)文檔的UNIX時間戳。這個時間點會在檢查任何應用緩存之前。

PerformanceTiming.domainLookupStart 只讀

是一個無符號long long 型的毫秒數,表征了域名查詢開始的UNIX時間戳。如果使用了持續連接(persistent connection),或者這個信息存儲到了緩存或者本地資源上,這個值將和 PerformanceTiming.fetchStart一致。

PerformanceTiming.domainLookupEnd 只讀

是一個無符號long long 型的毫秒數,表征了域名查詢結束的UNIX時間戳。如果使用了持續連接(persistent connection),或者這個信息存儲到了緩存或者本地資源上,這個值將和 PerformanceTiming.fetchStart一致。

PerformanceTiming.connectStart 只讀

是一個無符號long long 型的毫秒數,返回HTTP請求開始向服務器發送時的Unix毫秒時間戳。如果使用持久連接(persistent connection),則返回值等同于fetchStart屬性的值。

PerformanceTiming.connectEnd 只讀

是一個無符號long long 型的毫秒數,返回瀏覽器與服務器之間的連接建立時的Unix毫秒時間戳。如果建立的是持久連接,則返回值等同于fetchStart屬性的值。連接建立指的是所有握手和認證過程全部結束。

PerformanceTiming.secureConnectionStart 只讀

是一個無符號long long 型的毫秒數,返回瀏覽器與服務器開始安全鏈接的握手時的Unix毫秒時間戳。如果當前網頁不要求安全連接,則返回0。

PerformanceTiming.requestStart 只讀

是一個無符號long long 型的毫秒數,返回瀏覽器向服務器發出HTTP請求時(或開始讀取本地緩存時)的Unix毫秒時間戳。

PerformanceTiming.responseStart 只讀

是一個無符號long long 型的毫秒數,返回瀏覽器從服務器收到(或從本地緩存讀取)第一個字節時的Unix毫秒時間戳。如果傳輸層在開始請求之后失敗并且連接被重開,該屬性將會被數制成新的請求的相對應的發起時間。

PerformanceTiming.responseEnd 只讀

是一個無符號long long 型的毫秒數,返回瀏覽器從服務器收到(或從本地緩存讀取,或從本地資源讀取)最后一個字節時(如果在此之前HTTP連接已經關閉,則返回關閉時)的Unix毫秒時間戳。

PerformanceTiming.domLoading 只讀

是一個無符號long long 型的毫秒數,返回當前網頁DOM結構開始解析時(即Document.readyState屬性變為“loading”、相應的 readystatechange事件觸發時)的Unix毫秒時間戳。

PerformanceTiming.domInteractive 只讀

是一個無符號long long 型的毫秒數,返回當前網頁DOM結構結束解析、開始加載內嵌資源時(即Document.readyState屬性變為“interactive”、相應的readystatechange事件觸發時)的Unix毫秒時間戳。

PerformanceTiming.domContentLoadedEventStart 只讀

是一個無符號long long 型的毫秒數,返回當解析器發送DOMContentLoaded 事件,即所有需要被執行的腳本已經被解析時的Unix毫秒時間戳。

PerformanceTiming.domContentLoadedEventEnd 只讀

是一個無符號long long 型的毫秒數,返回當所有需要立即執行的腳本已經被執行(不論執行順序)時的Unix毫秒時間戳。

PerformanceTiming.domComplete 只讀

是一個無符號long long 型的毫秒數,返回當前文檔解析完成,即Document.readyState 變為 "complete"且相對應的readystatechange 被觸發時的Unix毫秒時間戳。

PerformanceTiming.loadEventStart 只讀

是一個無符號long long 型的毫秒數,返回該文檔下,load事件被發送時的Unix毫秒時間戳。如果這個事件還未被發送,它的值將會是0。

PerformanceTiming.loadEventEnd 只讀

是一個無符號long long 型的毫秒數,返回當load事件結束,即加載事件完成時的Unix毫秒時間戳。如果這個事件還未被發送,或者尚未完成,它的值將會是0.

performance支持情況

http://caniuse.com/#search=pe...

2.window.onerror

使用 window.onerror

https://developer.mozilla.org...

函數參數:

message:錯誤信息(字符串)。Available as event (sic!) in HTML onerror="" handler.

source:發生錯誤的腳本URL(字符串)

lineno:發生錯誤的行號(數字)

colno:發生錯誤的列號(數字)

error:Error對象(對象)

若該函數返回true,則阻止執行默認事件處理函數。

通過在 window.onerror 上定義一個事件監聽函數,程序中代碼產生的錯誤就會被 window.onerror 上面注冊的監聽函數捕獲到,通常我們會這樣實現一個 onerror 的函數

window.onerror = function(msg, url, line, col, error){
        var errInfo = {};

        errInfo.msg = msg;// 錯誤信息
        errInfo.url = url;//錯誤文件路徑
        errInfo.line = line;//行號,壓縮過后,然并卵
        errInfo.col = col;//列號

        if (error && error.stack) {
          errInfo.stack = error.stack;
        }
        // 把錯誤信息發送到后臺服務器 
           sendLog(errorInfo);
        return true;
    };
function sendLog(log){
    var img = new Image();
    img.src="url?errorInfo="+encodeURIComponent(JSON.stringify(log));
}
3.Script error的解決辦法

當加載自不同域的腳本中發生語法(?)錯誤時,為避免信息泄露(參見bug 363897),語法錯誤的細節將不會報告,而代之簡單的"Script error."。在某些瀏覽器中,通過在

服務端必須加允許跨域引用,否則這段js不會執行。。。
更多信息請移步本人博客 https://www.56way.com/p/106.html

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51027.html

相關文章

  • 前端代碼性能質量監測

    摘要:連接建立指的是所有握手和認證過程全部結束。發生錯誤的腳本字符串發生錯誤的行號數字發生錯誤的列號數字對象對象若該函數返回,則阻止執行默認事件處理函數。在某些瀏覽器中,通過在使用屬性并要求服務器發送適當的響應頭,該行為可被覆蓋。 1.頁面整體性能 通過瀏覽器提供的 window.performance.timing 方法,我們能夠得到網頁每個處理階段的精確時間。打開一個頁面后,這些信息會被...

    ?xiaoxiao, 評論0 收藏0
  • 謹防云計算監控的方法有哪些?

    摘要:尤其是云計算監控,已經引起了人們的廣泛關注。云計算監控具有很多應用,但作為一種單獨的解決方案,它充滿了危險。企業必須注意這些危險,而不是認為可以單獨依靠云計算監控。數據中心和IT運營經理長期以來一直認為,僅從防火墻后面進行監控并不能了解最終用戶是否享受快速可靠的數字體驗。這是因為防火墻之外還有大量的外部元素——第三方服務、ISP、CDN等等,這可能會影響最終用戶在最后一英里的最終體驗。最終用...

    dance 評論0 收藏0
  • JavaScript開發工具大全

    摘要:發布于之后,采用了完全不同的方式,使用函數定義任務。它允許開發者使用它們的補丁和更新來修復這些安全漏洞。提供了工具用于掃描依賴來監測漏洞。是一個開源診斷工具,用于和應用。是和開發的一款新的包管理工具。與相比,它解決了安全性能以及一致性問題。 譯者按: 最全的JavaScript開發工具列表,總有一款適合你! 原文: THE ULTIMATE LIST OF JAVASCRIPT TOO...

    nifhlheimr 評論0 收藏0

發表評論

0條評論

shixinzhang

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<