私はjavascriptを使ってログファイルを作成できます

Question

アラートボックスに表示する代わりに、javascriptの出力をログファイルに出力します。それを行う方法はありますか？もしそうなら、それを例で説明してください。

Answer 1

はい、GoogleのChromeブラウザを使用すると、F12キーを押すと、コンソールのボタンをクリックします。その後、

console.log(your code); 

オブジェクト、配列、文​​字列、変数をログすることができます。アラートよりもはるかに便利です。

また、firefoxでは、firebugプラグインは非常に便利です。同様の機能を持ち、Google Chromeに組み込まれているinspect要素関数を追加します。

EDIT： あなたのコメントに基づいて、ファイルシステムに書き込むことはできません。ブラウザはあなたを許しません。邪魔にならないようにするには、上品なモーダルウィンドウやオーバーレイのようなものを試してみてください。迷惑な警告や確認ではなく、ユーザーが対話するオプションです。このようなものを追加することもできますhttp://davidwalsh.name/dw-content/top-bar-opacity.php

Answer 2

ほとんどのブラウザはConsole APIからwindow.consoleオブジェクトをサポートしています。

console.log("Hello world"); 

Answer 3

いつもAJAXコールをサーバーに送り返してエラーメッセージを追跡できます。

Answer 4

実際にはそれを行う方法がありますが、それはGoogle Chromeでのみ利用可能で、ほとんどが拡張機能としてパッケージ化されたHTML5アプリケーション用です。 There are plans to make it available in wider distributions but not quite there yet。それはFileSystem APIと呼ばれます。

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