¿Podemos crear archivos de registro utilizando javascript

Question

En lugar de mostrar en el cuadro de alerta Quiero dirigir mi salida de javascript a un archivo de registro. ¿Hay algún método para hacerlo? Si es así, explíquelo con un ejemplo.

Answer 1

Sí, usando el navegador Google Chrome pulsa la tecla F12, y pulsa sobre el botón de la consola. A continuación, utilice

console.log(your code); 

puede registrar objetos, matrices, cadenas, variables. Mucho más útil que las alertas.

También en firefox, el plugin firebug es bastante útil. Tiene una funcionalidad similar, y agrega la función del elemento de inspección que Google Chrome ha incorporado.

EDIT: Bueno, basándote en tu comentario, no puedes simplemente escribir en su sistema de archivos. El navegador no te deja. Si desea algo discreto, intente algo como una ventana modal con clase o una superposición, algo que sea opcional para que el usuario interactúe en lugar de las alertas y confirmaciones molestas. Incluso podría agregar algo como esto http://davidwalsh.name/dw-content/top-bar-opacity.php

Answer 2

La mayoría de los navegadores soportan el objeto de la window.consoleConsole API:

console.log("Hello world"); 

Answer 3

Siempre podría enviar una llamada AJAX al servidor y rastrear los mensajes de error allí.

Answer 4

En realidad, hay una forma de hacerlo, pero solo está disponible en Google Chrome y, en su mayoría, para aplicaciones HTML5 empaquetadas como extensiones. There are plans to make it available in wider distributions but not quite there yet. Se llama FileSystem API. He aquí un ejemplo que estaba jugando con hace un tiempo -

// 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); 
    } 
);