Cordova捕获console.log保存至TXT失效？求可行解决方案

在Cordova开发的Android、iOS应用中，尝试将所有console.log输出保存到本地TXT文件用于错误追踪，安装了cordova-plugin-console插件并编写了log.js，但功能无法正常运行，以下是问题排查和修复方案：

核心问题排查与修复要点 #

• 缺少文件系统依赖插件：代码中使用了Cordova文件系统API，但仅安装了console插件，需补充安装cordova-plugin-file，执行命令：

  cordova plugin add cordova-plugin-file
  

• 原始console.log方法保存时机错误：当前代码在重写console.log之后才定义原始方法，会导致递归调用，必须在重写前保存原始方法。

• 未等待Cordova设备就绪事件：Cordova的API（包括文件系统、LocalFileSystem）必须在deviceready事件触发后才能使用，否则会出现未定义错误。

• 字符串转义错误：代码中的"是HTML转义字符，需替换为正常双引号。

修复后的完整log.js代码 #

// 等待Cordova设备就绪后再初始化日志逻辑
document.addEventListener('deviceready', function() {
    // 提前保存原始console.log方法，避免重写后递归调用
    const originalConsoleLog = window.console.log.bind(window.console);

    function logToTextFile(message) {
        // 添加时间戳，提升日志的可追踪性
        const timestamp = new Date().toISOString();
        const logMessage = `[${timestamp}] ${message}\n`;

        // 调用Cordova持久化文件系统API
        window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
            fileSystem.root.getFile("app_logs.txt", { create: true, exclusive: false }, function(fileEntry) {
                fileEntry.createWriter(function(fileWriter) {
                    // 定位到文件末尾，实现日志追加
                    fileWriter.seek(fileWriter.length);
                    fileWriter.write(logMessage);

                    // 写入成功的可选回调（可根据需求调整）
                    fileWriter.onwriteend = function() {
                        // 此处可添加写入成功后的逻辑
                    };
                }, function(error) {
                    originalConsoleLog("文件写入错误: " + JSON.stringify(error));
                });
            }, function(error) {
                originalConsoleLog("文件打开错误: " + JSON.stringify(error));
            });
        }, function(error) {
            originalConsoleLog("文件系统请求错误: " + JSON.stringify(error));
        });
    }

    // 重写console.log，同时保留原控制台输出
    window.console.log = function(message) {
        logToTextFile(message);
        originalConsoleLog(message);
    };
}, false);

部署注意事项 #

• 在index.html中引入脚本时，必须确保在cordova.js之后引入，示例：

  <script src="cordova.js"></script>
  <script src="./log.js"></script>
  

• 日志文件位置：
  • Android：位于应用私有存储根目录，路径示例/data/data/[你的应用包名]/files/app_logs.txt，可通过Android Studio的Device File Explorer查看
  • iOS：位于应用的Documents目录，可通过Xcode的Devices and Simulators查看应用容器内的文件

内容的提问来源于stack exchange，提问作者isadev