Question

我们目前正在使用log4javascript-popUpAppender控制台进行开发，并希望将详细信息存储到本地文件中。

虽然我们可以使用AjaxAppender将日志消息发送到服务器并将这些消息记录到使用滚动文件appender设置的log4j，但我们正在寻找一种在Log4js中使用类似于FileAppender的方法。

有什么想法/建议吗？

这类似于http://www.techques.com/question/1-3626960/JavaScript-logger-into-a-rolling-file
由于我们已经实现了log4javascript，我们希望坚持使用相同的框架。

Answer 1

在我看来，这在浏览器中仍然不可行。我又看了一眼;这些是我的观察：

在Firefox中，即使用户批准，我也认为目前无法写入本地文件系统。来自Firefox 17（我认为），privileged code can no longer run in a web page，它排除了在网络上流传的旧方法（例如here）
IE仍然有它的ActiveX方法，但它比以往更加锁定，需要用户采取各种措施才能启用它。
HTML5有一个file system API，目前只有Chrome和Opera的新版本才能实现。它将文件写入精心沙盒的位置，无法控制实际的文件名或路径。
据我所知，Safari目前无法做到这一点。

通常，浏览器明显地提供对本地文件系统上的文件的很少或不可访问，因此这是一种不可靠的记录方式。但是，我编写了一个粗略的BrowserFileAppender来实现HTML5和ActiveX方法，如果你觉得它有用，欢迎使用它们：

https://gist.github.com/timdown/6572000

Answer 2

为IE和Firefox添加FileAppender解决方案。

function FileAppender() {}

FileAppender.prototype = new log4javascript.Appender();

FileAppender.prototype.layout = new log4javascript.SimpleLayout();

FileAppender.prototype.append = function(loggingEvent) {

  var appender = this;

     var getFormattedMessage = function() {
    var layout = appender.getLayout();
     var formattedMessage = layout.format(loggingEvent);
      if (layout.ignoresThrowable()) {
          formattedMessage += loggingEvent.getThrowableStrRep();
      }
      return formattedMessage;
    };
    writefile = function(destinationFile, message) {
     if (isEmpty(destinationFile)) {
         log.error("Source location unknown");
         return;
    }
    if ($.browser.msie) {
        try {
        var fso = new ActiveXObject("Scripting.FileSystemObject");
        var file = fso.OpenTextFile(destinationFile, 8, true);
        file.WriteLine(message);
        file.close();
        } catch (e) {
        log.error("Please validate if file exist");
        }
    } else {
        netscape.security.PrivilegeManager
            .enablePrivilege("UniversalXPConnect");
        this.fso.initWithPath(destinationFile);
        if (!this.fso.exists()) {
        // create file if needed
        this.fso.create(0x00, 0600);
        }

        var file = Components.classes["@mozilla.org/network/file-output-stream;1"].createInstance(Components.interfaces.nsIFileOutputStream);
        file.init(this.fso, 0x04 | 0x08 | 0x10, 064, 0);
        var line = message;
        file.write(line, line.length); // write data
        file.close();
    }
    };
    getFile = function() {
    return "c://temp//log//Javascriptlog.log";
    };
    writefile(getFile(), getFormattedMessage());
};

FileAppender.prototype.toString = function() {
    return "FileAppender";
};

log4javascript.FileAppender = FileAppender;

“log4javascript”记录器存储在本地文件中

2 个答案: