Sledování chyb JavaScriptu

Jedním z důvodů, proč miluji vývoj frontendu, je důvod, proč jej mnoho vývojářů na straně serveru nenávidí: rozdíl v implementacích prohlížečů, různá data implementace a možnost se pověsit kvůli špatnému JavaScriptu. Tato bitva mě sakra baví, přestože nemám kontrolu nad prostředím prohlížeče, ale nejsem blázen – vždy mám záchrannou síť, která rychle odhalí chyby. Ta záchranná síť? TrackJS. TrackJS mi umožňuje detekovat chyby JavaScriptu v reálném čase, sděluje mi, v jakém prohlížeči se uživatel pohybuje, na kterých stránkách se chyba vyskytuje a mnoho dalšího.

TrackJS je sponzorem tohoto blogu a jsem hrdý, že ho mohu zastupovat! Před použitím TrackJS jsem se pokoušel sledovat chyby prostřednictvím Google Analytics, ale nedařilo se mi to – nedostával jsem požadované podrobnosti, což není překvapivé vzhledem k tomu, že GA je obecný analytický nástroj, který není vyladěn pro hlášení chyb. TrackJS je na druhé straně vytvořen pro sledování chyb JavaScriptu a tento úkol plní docela dobře. Využívám jejich služby již více než rok a dlužím jim mnoho díků za záchranu mého pozadu!

Děkujeme TrackJS

TrackJS mě v posledních letech upozornil na mnoho problémů, včetně:

• Pilotování více pluginů WordPress souvisejících se službou Service Worker vytvořených společností Mozilla
  • Dejte si pozor na nedostatek nativní podpory funkcí Promise a arrow v Safari!
• Aktualizace JavaScript API (nebo jejich nedostatek) ze strany prohlížečů
  • Safari je nový Internet Explorer 6...
• Detekce chyb při blokování reklam
  • Zhruba 15 % mých požadavků na BSA selže, což nyní díky TrackJS

    

• Chyby knihovny JavaScript
  • Možná by můj systém sestavování neměl stahovat nejnovější verzi, aniž bych to nejprve otestoval...

Úžasné je, že jsem byl na tyto problémy upozorněn prostřednictvím svého nočního e-mailu TrackJS, takže jsem se k nim mohl dostat během několika hodin po stisknutí. Mohu nakonfigurovat svůj panel TrackJS tak, aby mě dříve upozornil na problémy, ale pro tento blog jsem spokojen s nočním pingem.

Nové funkce

TrackJS nedávno implementoval několik solidních nových funkcí, které usnadňují spolupráci a správu dat:

• Sdílení :Při jakékoli chybě nyní můžete vygenerovat odkaz ke sdílení. Tento odkaz můžete použít ke sdílení podrobností o chybě s kolegy nebo je zveřejnit a klást otázky online.
• Metadata API :Umožňuje přidat libovolný pár klíč–hodnota o aktuálním prostředí. Například úroveň oprávnění uživatele nebo aktuální server. Jakmile jsou tyto informace poskytnuty, můžete své chyby rozdělit a rozdělit na kostky téměř jakýmkoli způsobem, který si dokážete představit.
• Globální filtr :Do uživatelského rozhraní bylo přidáno tlačítko Přidat do filtru. Můžete to vidět ve zprávách, uživatelích, prohlížečích nebo metadatech. Můžete si vybrat libovolnou jednotlivou položku z těchto položek a filtrovat zbytek uživatelského rozhraní podle této vlastnosti. Například přidejte Safari do svého filtru a poté uvidíte všechny zprávy, které ovlivnily Safari.

Na první pohled

Několik pohledů na můj panel TrackJS:

Podrobnosti o chybě

Zprávy

Adresy URL

Prohlížeče

Sdílet

E-mail v noci

Vyzkoušejte TrackJS!

TrackJS je sponzor, ale především služba, které důvěřuji, aby mě udržela v obraze o stabilitě a výkonu JavaScriptu mého webu. Změna prohlížeče, změna implementací, změna uživatelských akcí; je dobré vědět, že vidím, kde se dějí chyby, takže mohu opravit svůj rozbitý kód!