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

資訊專欄INFORMATION COLUMN

前端代碼性能質(zhì)量監(jiān)測

?xiaoxiao, / 3171人閱讀

摘要:連接建立指的是所有握手和認(rèn)證過程全部結(jié)束。發(fā)生錯誤的腳本字符串發(fā)生錯誤的行號數(shù)字發(fā)生錯誤的列號數(shù)字對象對象若該函數(shù)返回,則阻止執(zhí)行默認(rèn)事件處理函數(shù)。在某些瀏覽器中,通過在使用屬性并要求服務(wù)器發(fā)送適當(dāng)?shù)捻憫?yīng)頭,該行為可被覆蓋。

1.頁面整體性能

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

PerformanceTiming 接口包含了當(dāng)前頁面中與時間相關(guān)的信息。

可以通過只讀屬性Performance.timing 獲得實(shí)現(xiàn)該接口的一個對象。

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

詳情如下:

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

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

PerformanceTiming.navigationStart 只讀

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

PerformanceTiming.unloadEventStart 只讀

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

PerformanceTiming.unloadEventEnd 只讀

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

PerformanceTiming.redirectStart 只讀

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

PerformanceTiming.redirectEnd 只讀

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

PerformanceTiming.fetchStart 只讀

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

PerformanceTiming.domainLookupStart 只讀

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

PerformanceTiming.domainLookupEnd 只讀

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

PerformanceTiming.connectStart 只讀

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

PerformanceTiming.connectEnd 只讀

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

PerformanceTiming.secureConnectionStart 只讀

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

PerformanceTiming.requestStart 只讀

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

PerformanceTiming.responseStart 只讀

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

PerformanceTiming.responseEnd 只讀

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

PerformanceTiming.domLoading 只讀

是一個無符號long long 型的毫秒數(shù),返回當(dāng)前網(wǎng)頁DOM結(jié)構(gòu)開始解析時(即Document.readyState屬性變?yōu)椤發(fā)oading”、相應(yīng)的 readystatechange事件觸發(fā)時)的Unix毫秒時間戳。

PerformanceTiming.domInteractive 只讀

是一個無符號long long 型的毫秒數(shù),返回當(dāng)前網(wǎng)頁DOM結(jié)構(gòu)結(jié)束解析、開始加載內(nèi)嵌資源時(即Document.readyState屬性變?yōu)椤癷nteractive”、相應(yīng)的readystatechange事件觸發(fā)時)的Unix毫秒時間戳。

PerformanceTiming.domContentLoadedEventStart 只讀

是一個無符號long long 型的毫秒數(shù),返回當(dāng)解析器發(fā)送DOMContentLoaded 事件,即所有需要被執(zhí)行的腳本已經(jīng)被解析時的Unix毫秒時間戳。

PerformanceTiming.domContentLoadedEventEnd 只讀

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

PerformanceTiming.domComplete 只讀

是一個無符號long long 型的毫秒數(shù),返回當(dāng)前文檔解析完成,即Document.readyState 變?yōu)?"complete"且相對應(yīng)的readystatechange 被觸發(fā)時的Unix毫秒時間戳。

PerformanceTiming.loadEventStart 只讀

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

PerformanceTiming.loadEventEnd 只讀

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

performance支持情況

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

2.window.onerror

使用 window.onerror

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

函數(shù)參數(shù):

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

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

lineno:發(fā)生錯誤的行號(數(shù)字)

colno:發(fā)生錯誤的列號(數(shù)字)

error:Error對象(對象)

若該函數(shù)返回true,則阻止執(zhí)行默認(rèn)事件處理函數(shù)。

通過在 window.onerror 上定義一個事件監(jiān)聽函數(shù),程序中代碼產(chǎn)生的錯誤就會被 window.onerror 上面注冊的監(jiān)聽函數(shù)捕獲到,通常我們會這樣實(shí)現(xiàn)一個 onerror 的函數(shù)

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;
        }
        // 把錯誤信息發(fā)送到后臺服務(wù)器 
           sendLog(errorInfo);
        return true;
    };
function sendLog(log){
    var img = new Image();
    img.src="url?errorInfo="+encodeURIComponent(JSON.stringify(log));
}
3.Script error的解決辦法

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

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

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/84294.html

相關(guān)文章

  • 前端代碼性能質(zhì)量監(jiān)測

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

    shixinzhang 評論0 收藏0
  • 謹(jǐn)防云計(jì)算監(jiān)控的方法有哪些?

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

    dance 評論0 收藏0
  • JavaScript開發(fā)工具大全

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

    nifhlheimr 評論0 收藏0

發(fā)表評論

0條評論

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