Pobierz wszystkie błędy javascript na obsługę błędów strony/javascript

Question

Chcę być w stanie wysyłać sobie wszystkie błędy javascript na stronie. Jestem programistą rozszerzeń, więc poniższe elementy kładą nacisk na upewnienie się, że dom jest gotowy przed wywołaniem wywołania.

Zbadałem, dodając niektóre funkcje do throw, aby również wysyłać lub wysyłać wyjątki, ale nie uznałem tego za możliwe.

1: Głównym rozwiązaniem do tego, obsługi window.onerror:

window.onerror = function(e, url, line){ 
    mailError('onerror: ' + e + ' URL:' + url + ' Line:' + line); 
    console.error('\nLine ' + line + ':'); 
    setTimeout(function(){retry();}, 100); //mainly useful in content scripts for extensions, 
    return true; 
} 

Może też trzeba zrobić to samo za pomocą jQuery:

$(window).error( 
    function(e, url, line){ 
    //handle error 
    } 
); 

Wadą tego jest to, że kod przestał działać.

Aby uniknąć błędów przerywających wykonywanie, najlepiej jest użyć wywołań zwrotnych, aby upewnić się, że kod wykonywany jest w określonej kolejności i aby wykorzystywać zdarzenia w miarę możliwości. Można również chronić połączeń DOM za pomocą kilku technik

$(document).ready({ 
    //you usually won't get bad dom calls wrapping your code in this 
}); 

Można również rozważyć uruchomienie kodu na window.onload

window.onload = function(){ 
    //you page will probably twitch upon executing code at this time 
    //but you will almost never have a bad dom call 
}; 

Inną techniką

if (document.getElementById('iNeedThisElement')) { 
    //doin work! 
    document.getElementById('iNeedThisElement').style.display = 'block'; 
} else { 
    var stillNeedToTakeCareOfX = true; //false otherwise since it's undefined 
    mailError('iNeedThisElement was unavailable...'); 
} 

Korzystanie z tych technik i tylko debugowania wniosku, powinieneś być dość dobrze. Od console.error, .warn i .log oświadczenia nie może zostać odzyskane i zgłoszone do Twojej, mała alternatywa apartament znajduje się poniżej:

var Xe = { }; //Extreme error suite 

function extraInfo(e){ 
    //e optional 
    if(!e)e = true; 

    //add an extra debug info, such as navigator or current URL 
    return ' currentURL: '+ document.URL + 
     '\n userAgent: ' + navigator.userAgent + 
     '\n platform: ' + navigator.platform + 
     '\n userid: ' + localStorage.userid + 
     '\n language: ' + navigator.langauge + 
     '\n cookies?: ' + navigator.cookiesEnabled; 
} 

Xe.error = function(e){ 
    console.error(e); //maintain original functionality 
    mailError('Xe err: ' + e + extraInfo()); 
} 


Xe.warn = function(e){ 
    console.warn(e); 
    mailError('Xe warn: ' + e + extraInfo()); 
} 


Xe.log = function(e){ 
    console.log(e); 
    mailError('Xe log: ' + e + extraInfo()); 
} 

W rowie ostatniej można nieustannie próbować wykonać kawał kod, dopóki nie zostanie wykonany bez błędów. To jest "2" poniżej.

2: kod grupy w dużych kawałkach i próbuje ponownie wykonać x sekund później po połowu błąd, czy nadal następnym fragmencie kodu

//defExe = DEFinitely EXEcute this code 
    //functionArg, reference to a function holding a large chunk of code 
    //seconds, timeout in milliseconds to re-attempt error free execution of this function 
function defExe(functionArg, seconds) { 
    //seconds is optional 
    if (!seconds)seconds = 300; 

    try { 
    functionArg(); 
    } catch(e) { 
    //mail the error plus extra info 
    mailError('caught ' + e + ' attempting to re-execute ' + functionArg.name + ' in ' + seconds + ' milliseconds'); 

    //re-attempt to execute this code 
    setTimeout(function(){ 
     defExe(functionArg, seconds); 
    }, seconds); 
    } 
} 

ten jest następnie używany jak

//array to group function chunks 
var fn = [ ]; 

fn[1] = function(){ 
    //a large chunk of javascript 
} 
defExe(fn[1]); 

fn[2] = function(){ 
    //another chunk of your program 
} 
defExe(fn[2]); 

# 2 Podsumowanie: Grupowanie kodu w funkcjach i uruchamianie w bloku try-catch, powtarzanie w przypadku złapania błędów

Answer 1

Mam pracę z window.onerror i nie zatrzymuje mojego javascript:

window.onerror = function(error, url, line) { 
    controller.sendLog({acc:'error', data:'ERR:'+error+' URL:'+url+' L:'+line}); 
}; 

Należy zauważyć, że controller.sendLog jest funkcją, która wysyła te dane do php do logowania.

Może być tak, ponieważ powodujesz pewien błąd javascript w tej funkcji?

Answer 2

Gdy wyjątek zostanie zgłoszony w większości języków, wykonanie bieżącego stosu poleceń zostanie zatrzymane. Więc twoje globalne podejście window.onerror działa, ale nie kontynuuje wykonywania kodu po awarii. Ciekawi mnie, dlaczego spodziewałbyś się ponowienia próby działania w przypadku niepowodzenia pierwotnego połączenia? Być może istnieje inny sposób na zoptymalizowanie aplikacji, aby tego uniknąć.

Jedną z rzeczy, które lubię robić, to zawijanie dowolnego kodu w funkcji window.onerror w bloku catch catch. W oświadczeniu o połowach (w ostateczności) generalnie użyję jakiegoś alarmu, na wypadek, gdyby coś poszło katastrofalnie nie tak. Pomysł polega na tym, że nie chcesz, aby obsługa błędów powodowała, że ​​strona KIEDYKOLWIEK zakończyła się, powodując pojawienie się kolejnego błędu.

Answer 3

Można spróbować również

try ... catch

try 
{ 
    //Run your code here 
} 
catch(err) 
{ 
    //Handle the errors here 
} 

Answer 4

Niestety ale try/catch złapie tylko błędy kodu, nigdy załadować błąd (jeśli brakuje pliku lub coś).

window.onerror/$ (okno) .error jest zdecydowanie najlepszym rozwiązaniem.