Können wir erstellen Log-Dateien mit Javascript

Question

Anstatt für die Anzeige in der Alarm-Box möchte ich meine Ausgabe von Javascript zu einer Protokolldatei. Gibt es eine Methode dafür? Wenn ja, erläutern Sie es bitte mit einem Beispiel.

Answer 1

Ja, den Chrome-Browser Google mit treffen Sie die Taste F12, und klicken Sie dann auf der Konsole drücken. Dann verwenden Sie

console.log(your code); 

Sie können Objekte, Arrays, Strings, Variablen protokollieren. Viel nützlicher als Warnungen.

Auch im Firefox ist das Firebug-Plugin sehr nützlich. Hat ähnliche Funktionalität und fügt die inspect-Elementfunktion hinzu, die Google Chrome eingebaut hat.

EDIT: Ok, basierend auf Ihrem Kommentar, können Sie nicht einfach in ihr Dateisystem schreiben. Der Browser lässt Sie nicht. Wenn Sie etwas unauffälliges möchten, versuchen Sie etwas wie ein modales Fenster oder eine Überlagerung, etwas, das für den Benutzer optional ist, anstatt mit den ärgerlichen Warnungen zu reagieren und zu bestätigen. Sie könnten sogar so etwas hinzufügen http://davidwalsh.name/dw-content/top-bar-opacity.php

Answer 2

Die meisten Browser unterstützen die window.console Objekt aus dem Console API:

console.log("Hello world"); 

Answer 3

Sie könnten immer einen AJAX-Aufruf zurück an den Server senden und Fehlermeldungen verfolgen.

Answer 4

Eigentlich gibt es einen Weg, es zu tun, aber es ist nur auf Google Chrome und vor allem für HTML5-Anwendungen als Erweiterungen verpackt. There are plans to make it available in wider distributions but not quite there yet. Es heißt FileSystem API. Hier ist ein Beispiel, das ich mit vor einer Weile spielt -

// test HTML5 file system API 

function onInitFs(fs){ 
    console.log("Opened file system " + fs.name); 
} 

function errorHandler(){ 
    var msg = ''; 

    switch(e.code){ 
     case FileError.QUOTA_EXCEEDED_ERR: 
      msg = 'QUOTA_EXCEEDED_ERR'; 
      break; 
     case FileError.NOT_FOUND_ERR: 
      msg = 'NOT_FOUND_ERR'; 
      break; 
     case FileError.SECURITY_ERR: 
      msg = 'SECURITY_ERR'; 
      break; 
     case FileError.INVALID_STATE_ERR: 
      msg = 'INVALID_STATE_ERR'; 
      break; 
     default: 
      msg = 'Unknown Error'; 
      break; 
    }; 

    console.log('Error: ' + msg); 
} 

window.requestFileSystem(
    window.TEMPORARY, 
    5*1024*1024 /*5MB*/, 
    onInitFs, 
    errorHandler 
); 

// create empty file called log.txt 
// throws an error e is not defined 
function onInitFs(fs){ 
    fs.root.getFile(
     'log.txt', 
     { 
      create: true, 
      exclusive: true 
     }, 
     function(fileEntry){ 
      console.log('fileEntry.isFile = ' + fileEntry.isFile); 
      console.log('fileEntry.name = ' + fileEntry.name); 
      console.log('fileEntry.fullPath ' + fileEntry.fullPath); 
     }, 
     errorHandler 
    ); 
} 

function errorHandler(){ 
    var msg = ''; 

    switch(e.code){ 
     case FileError.QUOTA_EXCEEDED_ERR: 
      msg = 'QUOTA_EXCEEDED_ERR'; 
      break; 
     case FileError.NOT_FOUND_ERR: 
      msg = 'NOT_FOUND_ERR'; 
      break; 
     case FileError.SECURITY_ERR: 
      msg = 'SECURITY_ERR'; 
      break; 
     case FileError.INVALID_STATE_ERR: 
      msg = 'INVALID_STATE_ERR'; 
      break; 
     default: 
      msg = 'Unknown Error'; 
      break; 
    }; 

    console.log('Error: ' + msg); 
} 

window.requestFileSystem(
    window.TEMPORARY, 
    5*1024*1024, 
    onInitFs, 
    errorHandler 
); 

// simple debugging 
window.requestFileSystem(
    window.TEMPORARY, 
    5*1024*1024, 
    function(fs){ 
     console.dir(fs.root); 
     fs.root.getFile('log.txt'); 
    }, 
    function(error){ 
     console.dir(error); 
    } 
);