\r\nvar E =\r\n{\r\n \/\/true: errors via alert \/ false: errors are being logged\r\n debugMode:false,\r\n\r\n \/\/processes errors\r\n handle: function(sev,msg)\r\n {\r\n if (E.debugMode) {\r\n alert("Error ("+sev+") with message: " + msg);\r\n } else {\r\n var img=new Image();\r\n img.src="errorlogger.php?sev="+encodeURIComponent(sev)+\r\n "&msg="+encodeURIComponent(msg)+\r\n "&url="+encodeURIComponent(document.URL);\r\n }\r\n }\r\n}\r\n\r\n\/\/error has not been caught and forwarded to "errorhandler" manually -> windowerror\r\nwindow.onerror=function(msg,url,line)\r\n{\r\n E.handle(1,'Uncaught error:'+msg+" in "+url+", line "+line);\r\n return true; \/\/continue\r\n}\r\n<\/pre>\nIn dieser Javascript-Datei geht die eigentliche Magie ab. Mittels des debugMode wird bestimmt, ob der Fehler ausgegeben oder geloggt wird. Im „Log“-Fall wird ein Image erzeugt (was nat\u00fcrlich nicht sichtbar ist), das die URL der Errorlog-Datei hat. Sollte ein Fehler auftreten (window.error<\/em>), so wird dieser an den Errorhandler weitergereicht.<\/p>\nerrorlogger.php<\/h3>\n\r\n<?php\r\n\terror_log(date("d.m.Y H:i:s")." (JS) -> ".$_GET['msg']." (Severity: ".$_GET['sev']."): ".$_GET['url']."\\n",3,"error.log");\r\n?>\r\n<\/pre>\nUltrasimpel. Die \u00fcbergebenen Log-Parameter werden per error_log<\/a> an eine Datei error.log appended. Wichtig:<\/b> Per htaccess \/ httpd.conf den Aufruf der errorlog-Datei per Web verbieten.<\/p>\nEinbindung im HTML<\/h3>\n\r\n<!DOCTYPE html>\r\n<html>\r\n\t<head>\r\n\t\t<meta charset="UTF-8" \/>\r\n\t\t<script src="e.js"><\/script>\r\n <script>\r\n function divide(d1,d2) {\r\n if (d2==0) { \r\n throw new Error("Div by 0 is illegal.");\r\n }\r\n return d1\/d2;\r\n }\r\n\r\n try {\r\n divide(3,0);\r\n } catch (ex) {\r\n E.handle(1,ex);\r\n }\r\n\r\n \/\/does not exist -> window.error\r\n xyz();\r\n\t<\/script>\r\n\t<\/head>\r\n\t<body>\r\n\r\n\t<\/body>\r\n<\/html>\r\n<\/pre>\nSo k\u00f6nnte das dann aussehen. in der divide-Funktion wird ein Error geworfen, der dann im try\/catch Block aufgefangen und an den Errorhandler weitergegeben wird. Beim Aufruf von xyz()<\/em> springt die window.onerror<\/em> Funktion ein und bringt dar\u00fcber auch wieder den Errorhandler ins Spiel.<\/p>\nDie Errorlog-Datei sieht nach Aufruf des obigen HTMLs im Browser dann so aus:
\n
![\"js-errorlog\"](\"https:\/\/d-mueller.de\/blog\/wp-content\/uploads\/2010\/10\/js-errorlog-300x44.jpg\" "\\"js-errorlog\\"")
<\/a>js-errorlog<\/p><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
In PHP ist ja so ziemlich alles erforscht, wie man mit Exceptions und Errors umzugehen hat. In Javascript wird das Thema aber sehr stiefm\u00fctterlich behandelt. Hier mal ein Ansatz, um JS-Fehler effektiv tracken und loggen zu k\u00f6nnen. E.js var E … Weiterlesen