☰

MyConsole

记录所有 window._console.log 即使控制台被清除也能查看

// ==UserScript==
// @name         MyConsole
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  记录所有 window._console.log 即使控制台被清除也能查看
// @author       Your Name
// @match        *://*/*
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    var renderLog = undefined;
    var clearLog = undefined;

    window._console = {};

    window._console.log = function(...args) {
        if(!renderLog) return;
        renderLog({
            type: 'log',
            args: args,
            timestamp: new Date()
        });
    };

    window._console.warn = function(...args) {
        if(!renderLog) return;
        renderLog({
            type: 'warn',
            args: args,
            timestamp: new Date()
        });
    };

    window._console.error = function(...args) {
        if(!renderLog) return;
        renderLog({
            type: 'error',
            args: args,
            timestamp: new Date()
        });
    };

    window._console.clear = function() {
        if(!clearLog) return;
        clearLog();
    };

    // 创建一个界面按钮来查看存储的日志
    const createLogViewer = () => {
        // 创建按钮
        const button = document.createElement('button');
        button.innerText = '查看日志';
        button.style.position = 'fixed';
        button.style.bottom = '20px';
        button.style.right = '20px';
        button.style.padding = '10px 20px';
        button.style.zIndex = 10000;
        button.style.backgroundColor = '#4CAF50';
        button.style.color = 'white';
        button.style.border = 'none';
        button.style.borderRadius = '5px';
        button.style.cursor = 'pointer';
        button.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)';
        button.title = '点击查看的 window._console.log 日志';

        // 创建日志查看窗口
        const logWindow = document.createElement('div');
        logWindow.style.position = 'fixed';
        logWindow.style.top = '50px';
        logWindow.style.right = '20px';
        logWindow.style.width = '400px';
        logWindow.style.height = '300px';
        logWindow.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
        logWindow.style.color = 'white';
        logWindow.style.padding = '10px';
        logWindow.style.borderRadius = '5px';
        logWindow.style.display = 'none';
        logWindow.style.zIndex = 10000;
        logWindow.style.fontFamily = 'monospace';
        logWindow.style.fontSize = '12px';

        // 创建关闭按钮
        const closeButton = document.createElement('button');
        closeButton.innerText = '关闭';
        closeButton.style.position = 'absolute';
        closeButton.style.top = '10px';
        closeButton.style.right = '10px';
        closeButton.style.padding = '5px 10px';
        closeButton.style.backgroundColor = '#f44336';
        closeButton.style.color = 'white';
        closeButton.style.border = 'none';
        closeButton.style.borderRadius = '3px';
        closeButton.style.cursor = 'pointer';

        // 创建清空按钮
        const clearButton = document.createElement('button');
        clearButton.innerText = '清空';
        clearButton.style.position = 'absolute';
        clearButton.style.top = '10px';
        clearButton.style.right = '60px';
        clearButton.style.padding = '5px 10px';
        clearButton.style.backgroundColor = '#4CAF50';
        clearButton.style.color = 'white';
        clearButton.style.border = 'none';
        clearButton.style.borderRadius = '3px';
        clearButton.style.cursor = 'pointer';


        const logContent = document.createElement('div');
        logContent.style.marginTop = '40px';
        logContent.style.overflowY = 'scroll';
        logContent.style.height = '230px';
        logContent.style.userSelect = 'text';

        // 添加事件监听器
        button.addEventListener('click', () => {
            logWindow.style.display = 'block';
        });

        closeButton.addEventListener('click', () => {
            logWindow.style.display = 'none';
        });

        clearButton.addEventListener('click', () => {
            logContent.innerHTML = '';
        });

        // 添加内容到 logWindow
        logWindow.appendChild(closeButton);
        logWindow.appendChild(clearButton);
        // 创建日志内容容器
        logWindow.appendChild(logContent);

        // 渲染日志内容
        renderLog = (entry) => {
            const logEntry = document.createElement('div');
            logEntry.style.marginBottom = '5px';
            logEntry.style.padding = '5px';
            logEntry.style.borderBottom = '1px solid #555';
            logEntry.style.wordBreak = 'break-word';

            const time = entry.timestamp.toLocaleTimeString();
            const type = entry.type.toUpperCase();
            const args = entry.args.map(arg => {
                if (typeof arg === 'object') {
                    try {
                        return JSON.stringify(arg);
                    } catch (e) {
                        return '[Object]';
                    }
                }
                return arg.toString();
            }).join(' ');

            logEntry.innerHTML = `<strong>[${time}] ${type}:</strong> ${args}`;
            logContent.appendChild(logEntry);
        };

        clearLog = () => {
            logContent.innerHTML = '';
        }
        // 将按钮和日志窗口添加到页面
        document.body.appendChild(button);
        document.body.appendChild(logWindow);
    };

    // 延迟创建界面，确保页面加载完成
    window.addEventListener('load', createLogViewer);
})();