這篇文章主要介紹“前端錯誤監(jiān)控問題如何解決”，在日常操作中，相信很多人在前端錯誤監(jiān)控問題如何解決問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”前端錯誤監(jiān)控問題如何解決”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習吧！

10年的南鄭網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整南鄭建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“南鄭網(wǎng)站設(shè)計”,“南鄭網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

在當今的互聯(lián)網(wǎng)時代，web開發(fā)越來越受到重視，網(wǎng)頁能實現(xiàn)的功能也越來多，之前只能在客戶端上運行的程序，也逐漸轉(zhuǎn)到網(wǎng)頁上，面對成千上萬的用戶，出現(xiàn)錯誤的概率也是越來大。項目上線前期的粒度較大的錯誤我們都會在自測和QA測試中發(fā)現(xiàn)，然而上線之后的錯誤就不是那么好發(fā)現(xiàn)。同時移動端的開發(fā)也面臨著一個問題就是不好調(diào)試，所以web開發(fā)的錯誤監(jiān)控是一個非常有用的措施。前端的錯誤監(jiān)控有哪些方法呢。

一、錯誤分類

常見的web錯誤主要分為兩類：

   1. 運行時錯誤：這個錯誤往往是我們在代碼書寫時造成的，比如語法錯誤、邏輯錯誤，這樣的錯誤通常在測試階段就會被發(fā)現(xiàn)，但是也可能存在“漏網(wǎng)之魚”。

    2.資源加載錯誤：這個錯誤通常是找不到文件或者是文件加載超時造成的。

二、錯誤捕獲

基于上面兩種的錯誤類型，也有不同的錯誤捕獲方式：

 1.代碼錯誤捕獲：

// try...catch...
try {

 // 運行可能出錯的代碼
} catch(e){

 // 捕獲錯誤
}

// windown.onerror
window.onerror = function () {

 // 捕獲錯誤

}

2. 資源加載錯誤

// Object.onerror
var img = document.getElementById('#img');
img.onerror = function () {

 // 捕獲錯誤

}

利用window的Error事件代理,但是需要注意的是error事件是不冒泡的，我們可以使用事件捕獲進行代理。

window.addEventListener("error",function(){
 // 捕獲錯誤
},true);

三、錯誤上報

常見錯誤上報有兩種： ajax、image對象（推薦）。

   ajax上報就是在上文注釋錯誤捕獲的地方發(fā)起ajax請求，來向服務(wù)器發(fā)送錯誤信息。

   利用image對象

(new Image()).src ="http://post.error.com?";

四、跨域js文件錯誤獲取

跨域js文件獲取是有限制的，如果想獲取其他域下的js錯誤需要在script標簽里添加crossorigin屬性，

<script crossorigin  src="http://www.lmj.com/demo/crossoriginAttribute/error.js"></script>

然后服務(wù)器端要設(shè)置

header('Access-Control-Allow-Origin: *');

到此，關(guān)于“前端錯誤監(jiān)控問題如何解決”的學(xué)習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習，快去試試吧！若想繼續(xù)學(xué)習更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

本文題目：前端錯誤監(jiān)控問題如何解決
地址分享：http://jinyejixie.com/article16/jjiddg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、域名注冊、搜索引擎優(yōu)化、靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)