// ==UserScript==
// @name         页面资源监控
// @namespace    resourceMonitor
// @version      1.4.10
// @description  智能检测JS/CSS是否返回HTML错误页（基于内容分析），支持异常分级查看、自动刷新、日志归档，并智能忽略常见合法但非传统格式的资源（如CSS变量、Iconfont、Webpack/Vite打包JS、ICE资产清单等）。已修复正则错误并增强识别能力。
// @author       mozkoe
// @match        *://*/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=greasyfork.org
// @grant        none
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function () {
    'use strict';

    const DEFAULT_CONFIG = {
        enabled: false,
        refreshInterval: 3000,
        checkTimeout: 2500,
        maxRecordsPerSlot: 150,
        monitorJS: true,
        monitorCSS: true,
    };

    const CONFIG_KEY = 'resourceMonitorConfig_v1_1';
    const MAIN_LOG_KEY = 'resourceCheckLog_v1_1';
    const BACKUP_LOG_KEY = 'resourceCheckLog_v1_2';

    let CONFIG = { ...DEFAULT_CONFIG };
    let isMonitoring = false;

    // =============== 内容类型辅助判断 ===============
    function looksLikeHTML(content) {
        const sample = content.trim().substring(0, 500).toLowerCase();
        return /<!doctype|<html|<head|<body|<meta\s+|<title|<script\s+(?!type=['"]?module['"]?)|<link\s+rel=|<div\s+class=/.test(sample);
    }

    function looksLikeJS(content) {
        const trimmed = content.trim();
        if (!trimmed) return false;

        // 1. 忽略 Iconfont 格式的 SVG 字符串
        if (/window\._iconfont_svg_string_\d+\s*=\s*'<svg>/.test(trimmed)) {
            return true;
        }

        // 2. 新增：忽略 ICE / 微前端资产清单（如 window.__ICE_ASSETS_MANIFEST__ = { ... }）
        if (/^\s*window\.__[A-Z_]+_MANIFEST__\s*=\s*\{/.test(trimmed)) {
            return true;
        }

        // 3. Webpack 风格：含模块ID或 e.exports
        if (
            /^\s*!(?:async\s+)?(?:function|\(\s*\(\s*\)\s*=>|\(\s*function\b)/.test(trimmed) &&
            (trimmed.includes('e.exports') || /\b\d+\s*:\s*function\s*\([^)]*\)\s*\{/.test(trimmed))
        ) {
            return true;
        }

        // 4. 纯 IIFE 打包 JS（Vite/Rollup 等，无 exports，但含 Object.defineProperty/create）
        if (
            /^\s*!(?:async\s+)?(?:function|\(\s*function\b)/.test(trimmed) &&
            (trimmed.includes('Object.defineProperty') || trimmed.includes('Object.create'))
        ) {
            return true;
        }

        // 5. 传统 JS 特征（变量、函数、ESM、严格模式等）
        const head = trimmed.substring(0, 300).replace(/\s+/g, ' ');
        if (/^(\s*\/\*|\s*\/\/|\s*var\s+|\s*let\s+|\s*const\s+|\s*function\s+|\s*import\s+|\s*export\s+|\s*\{|\s*\(|\s*"use strict")/.test(head)) {
            return true;
        }

        return false;
    }

    function looksLikeCSS(content) {
        const trimmed = content.trim();
        if (!trimmed) return false;

        // 忽略以 :root 或 CSS 变量 (--xxx) 开头的合法 CSS
        if (/:root\s*\{|--\w+\s*:/.test(trimmed)) {
            return true;
        }

        // 常规 CSS 规则匹配
        const sample = trimmed.substring(0, 300);
        return /[\w.#:\[][^{}]*\{[^{}]*\}|@media|@import|@keyframes|@charset|@font-face/.test(sample);
    }

    // =============== 配置管理 ===============
    function loadConfig() {
        try {
            const saved = localStorage.getItem(CONFIG_KEY);
            if (saved) {
                CONFIG = { ...DEFAULT_CONFIG, ...JSON.parse(saved) };
            } else {
                CONFIG = { ...DEFAULT_CONFIG };
            }
        } catch (e) {
            console.warn('[⚠️] 配置加载失败，使用默认配置');
            CONFIG = { ...DEFAULT_CONFIG };
            saveConfig();
        }
    }

    function saveConfig() {
        try {
            localStorage.setItem(CONFIG_KEY, JSON.stringify(CONFIG));
        } catch (e) {
            console.error('[💥] 保存配置失败:', e);
        }
    }

    // =============== 存储工具 ===============
    function getStorage(key) {
        try {
            return JSON.parse(localStorage.getItem(key) || '[]');
        } catch (e) {
            console.warn(`[⚠️] 解析 ${key} 失败，已清除`);
            localStorage.removeItem(key);
            return [];
        }
    }

    function safeSetItem(key, data) {
        try {
            localStorage.setItem(key, JSON.stringify(data));
            return true;
        } catch (e) {
            return e.name === 'QuotaExceededError';
        }
    }

    // =============== 强化日志存储 ===============
    function saveFullLog(logEntries) {
        const logRecord = {
            timestamp: Date.now(),
            timeStr: new Date().toLocaleString('zh-CN'),
            entries: logEntries
        };

        let mainData = getStorage(MAIN_LOG_KEY);
        let backupData = getStorage(BACKUP_LOG_KEY);

        mainData.unshift(logRecord);
        if (mainData.length > CONFIG.maxRecordsPerSlot) {
            mainData = mainData.slice(0, CONFIG.maxRecordsPerSlot);
        }

        if (safeSetItem(MAIN_LOG_KEY, mainData)) {
            return;
        }

        console.warn('[🔄] 主槽写入失败，切换至备用槽...');
        const merged = [logRecord, ...mainData, ...backupData];
        const totalLimit = CONFIG.maxRecordsPerSlot * 2;
        const finalData = merged.length > totalLimit ? merged.slice(0, totalLimit) : merged;

        localStorage.removeItem(MAIN_LOG_KEY);

        if (safeSetItem(BACKUP_LOG_KEY, finalData)) {
            console.log(`[✅] 已存入备用槽，共 ${finalData.length} 条记录`);
        } else {
            console.error('[💥] 备用槽也写入失败！仅保留最新记录');
            localStorage.setItem(BACKUP_LOG_KEY, JSON.stringify([logRecord]));
        }
    }

    // =============== 主检查逻辑（含内容校验）===============
    function runCheckWithOriginalStyle() {
        const startTime = Date.now();
        const jsResources = CONFIG.monitorJS
            ? Array.from(document.querySelectorAll('script[src]')).map(el => el.src).filter(Boolean)
            : [];
        const cssResources = CONFIG.monitorCSS
            ? Array.from(document.querySelectorAll('link[rel="stylesheet"][href]')).map(el => el.href).filter(Boolean)
            : [];
        const logEntries = [];

        console.log(`\n🔍 开始检查页面资源加载情况 (${new Date().toLocaleTimeString()})`);
        console.log(`════════════════════════════════════════════════════════════════════════════`);

        jsResources.forEach(src => {
            console.log(`[•] 发现JS资源: ${src}`);
            logEntries.push({ type: 'js', action: 'discovered', url: src });
        });
        cssResources.forEach(href => {
            console.log(`[•] 发现CSS资源: ${href}`);
            logEntries.push({ type: 'css', action: 'discovered', url: href });
        });

        const allResources = [
            ...jsResources.map(url => ({ url, expectedType: 'js' })),
            ...cssResources.map(url => ({ url, expectedType: 'css' }))
        ];

        const checkPromises = allResources.map(({ url, expectedType }) => {
            return fetch(url, { credentials: 'omit' })
                .then(response => {
                    const contentType = response.headers.get('Content-Type') || '';
                    return response.text().then(content => ({ contentType, content }));
                })
                .then(({ contentType, content }) => {
                    const isHTMLByHeader = contentType.includes('text/html');
                    const isHTMLByContent = looksLikeHTML(content);

                    let entry = {
                        url,
                        expectedType,
                        contentType,
                    };
                    logEntries.push(entry);

                    if (isHTMLByHeader || isHTMLByContent) {
                        console.error(`[❌] ${url} → 错误: 返回HTML内容`);
                        entry.result = 'html_error';
                    } else if (expectedType === 'js') {
                        if (looksLikeJS(content)) {
                            console.log(`[✅] ${url} → 正常: JS资源`);
                            entry.result = 'js_ok';
                        } else {
                            console.warn(`[⚠️] ${url} → 内容不像JS（但非HTML）`);
                            entry.result = 'js_suspicious';
                        }
                    } else if (expectedType === 'css') {
                        if (looksLikeCSS(content)) {
                            console.log(`[✅] ${url} → 正常: CSS资源`);
                            entry.result = 'css_ok';
                        } else {
                            console.warn(`[⚠️] ${url} → 内容不像CSS（但非HTML）`);
                            entry.result = 'css_suspicious';
                        }
                    } else {
                        console.warn(`[⚠️] ${url} → 未知类型，但非HTML`);
                        entry.result = 'unknown_non_html';
                    }
                })
                .catch(error => {
                    console.error(`[❌] ${url} → 请求失败: ${error.message}`);
                    logEntries.push({
                        url,
                        expectedType,
                        error: error.message,
                        result: 'fetch_error'
                    });
                });
        });

        Promise.race([
            Promise.allSettled(checkPromises),
            new Promise(r => setTimeout(r, CONFIG.checkTimeout))
        ]).finally(() => {
            saveFullLog(logEntries);

            if (isMonitoring) {
                setTimeout(() => {
                    console.log(`\n⏱️ ${CONFIG.refreshInterval}ms 计时结束，正在刷新页面...`);
                    window.location.reload();
                }, Math.max(100, CONFIG.refreshInterval - (Date.now() - startTime)));
            } else {
                console.log(`\n⏹️ 监控已停止，页面将保持静止。`);
            }
        });
    }

    // =============== 控制命令 ===============
    window.startMonitor = function (cmd) {
        if (cmd === 'Y' || cmd === 'y') {
            CONFIG.enabled = true;
            saveConfig();
            isMonitoring = true;
            console.log('%c🚀 监控已启用！配置已保存。', 'color:#4CAF50;font-weight:bold');
            runCheckWithOriginalStyle();
        } else if (cmd === 'Q' || cmd === 'q') {
            CONFIG.enabled = false;
            saveConfig();
            isMonitoring = false;
            console.log('%c⏹️ 监控已禁用。', 'color:#F44336;font-weight:bold');
        } else {
            console.log('❓ 请输入 Y/y 启动，Q/q 退出');
        }
    };

    // =============== 分级错误查看 ===============
    window.showErrors = function (level = 'error') {
        const validLevels = ['error', 'warning'];
        if (!validLevels.includes(level)) {
            console.error(`❌ showErrors() 参数无效。支持: ${validLevels.join(', ')}`);
            return;
        }

        const allRecords = [...getStorage(MAIN_LOG_KEY), ...getStorage(BACKUP_LOG_KEY)];
        if (allRecords.length === 0) {
            console.log('📭 无任何记录');
            return;
        }

        const ERROR_TYPES = ['html_error', 'fetch_error'];
        const WARNING_TYPES = ['js_suspicious', 'css_suspicious', 'unknown_non_html'];

        let targetTypes = ERROR_TYPES;
        if (level === 'warning') {
            targetTypes = [...ERROR_TYPES, ...WARNING_TYPES];
        }

        let hasIssue = false;
        const title = level === 'warning'
            ? '🚨⚠️ 所有异常与可疑资源（按时间倒序）:'
            : '🚨 仅严重错误资源（按时间倒序）:';

        console.log(`\n${title}`);
        console.log('='.repeat(60));

        for (const record of allRecords.sort((a, b) => b.timestamp - a.timestamp)) {
            const issuesInRecord = record.entries.filter(e =>
                e.result && targetTypes.includes(e.result)
            );
            if (issuesInRecord.length > 0) {
                hasIssue = true;
                console.group(`🕒 ${record.timeStr}`);
                issuesInRecord.forEach(e => {
                    const isWarning = WARNING_TYPES.includes(e.result);
                    const prefix = isWarning ? '[⚠️]' : '[❌]';
                    const style = isWarning
                        ? 'color:#FF9800;font-weight:bold'
                        : 'color:#F44336;font-weight:bold';

                    if (e.result === 'html_error') {
                        console.log(`%c${prefix} ${e.url} → 返回HTML内容`, style);
                    } else if (e.result === 'fetch_error') {
                        console.log(`%c${prefix} ${e.url} → 请求失败: ${e.error}`, style);
                    } else if (e.result === 'js_suspicious') {
                        console.log(`%c${prefix} ${e.url} → 内容不像JS（但非HTML）`, style);
                    } else if (e.result === 'css_suspicious') {
                        console.log(`%c${prefix} ${e.url} → 内容不像CSS（但非HTML）`, style);
                    } else if (e.result === 'unknown_non_html') {
                        console.log(`%c${prefix} ${e.url} → 未知非HTML类型`, style);
                    }
                });
                console.groupEnd();
            }
        }

        if (!hasIssue) {
            const msg = level === 'warning'
                ? '✅ 无异常或可疑资源'
                : '✅ 暂无严重错误资源';
            console.log(msg);
        }
        console.log('='.repeat(60));
    };

    // =============== 调试与维护 ===============
    window.jsGetConfig = () => {
        console.log('🔧 当前配置:', CONFIG);
        return CONFIG;
    };

    window.jsSetConfig = (newConfig) => {
        if (typeof newConfig !== 'object' || newConfig === null) {
            console.error('❌ 配置必须是对象');
            return;
        }
        CONFIG = { ...DEFAULT_CONFIG, ...CONFIG, ...newConfig };
        saveConfig();
        console.log('✅ 配置已更新:', CONFIG);
    };

    window.jsCheckHistory = function (n = 10) {
        const allRecords = [...getStorage(MAIN_LOG_KEY), ...getStorage(BACKUP_LOG_KEY)]
            .sort((a, b) => b.timestamp - a.timestamp)
            .slice(0, n);

        if (allRecords.length === 0) {
            console.log('📭 无历史记录');
            return;
        }

        allRecords.forEach((record, idx) => {
            console.groupCollapsed(`📊 记录 #${idx + 1} | ${record.timeStr}`);
            console.log(`\n🔍 检查时间: ${record.timeStr}`);
            console.log(`════════════════════════════════════════════════════════════════════════════`);

            record.entries.forEach(e => {
                if (e.action === 'discovered') {
                    const prefix = e.type === 'js' ? 'JS' : 'CSS';
                    console.log(`[•] 发现${prefix}资源: ${e.url}`);
                } else if (e.result) {
                    switch (e.result) {
                        case 'html_error':
                            console.error(`[❌] ${e.url} → 返回HTML内容`);
                            break;
                        case 'js_ok':
                            console.log(`[✅] ${e.url} → 正常: JS资源`);
                            break;
                        case 'css_ok':
                            console.log(`[✅] ${e.url} → 正常: CSS资源`);
                            break;
                        case 'js_suspicious':
                            console.warn(`[⚠️] ${e.url} → 内容不像JS`);
                            break;
                        case 'css_suspicious':
                            console.warn(`[⚠️] ${e.url} → 内容不像CSS`);
                            break;
                        case 'unknown_non_html':
                            console.warn(`[⚠️] ${e.url} → 未知非HTML类型`);
                            break;
                        case 'fetch_error':
                            console.error(`[❌] ${e.url} → 请求失败: ${e.error}`);
                            break;
                    }
                }
            });
            console.groupEnd();
        });
    };

    // =============== 存储清理命令 ===============
    window.clearMonitorStorage = function () {
        try {
            localStorage.removeItem(CONFIG_KEY);
            localStorage.removeItem(MAIN_LOG_KEY);
            localStorage.removeItem(BACKUP_LOG_KEY);
            console.log('%c✅ 已成功清除监控脚本的所有本地存储数据', 'color:#4CAF50;font-weight:bold');
            console.log('   - 配置已重置为默认值');
            console.log('   - 所有历史日志已删除');
        } catch (e) {
            console.error('[💥] 清除存储时发生错误:', e);
        }
    };

    // =============== 帮助命令 ===============
    window.monitorHelp = function () {
        console.log('%c🛠️ 页面资源监控 - 命令帮助', 'color:#9C27B0;font-weight:bold;font-size:14px;');
        console.log('──────────────────────────────────────');
        console.log('startMonitor("Y")     → 启用自动监控并保存配置');
        console.log('startMonitor("q")     → 禁用自动监控');
        console.log('showErrors([level])   → 查看异常资源（level: "error" 默认, "warning" 含可疑项）');
        console.log('jsGetConfig()         → 查看当前配置');
        console.log('jsSetConfig({...})    → 动态更新配置');
        console.table(DEFAULT_CONFIG);
        console.log('jsCheckHistory(n)     → 查看最近 n 次检查详情');
        console.log('clearMonitorStorage() → 清除所有监控相关本地存储（配置+日志）');
        console.log('monitorHelp()         → 重新显示本帮助信息');
        console.log('──────────────────────────────────────');
        console.log('💡 提示：监控默认关闭，需手动启用才生效。');
    };

    // =============== 初始化 ===============
    function init() {
        loadConfig();
        isMonitoring = CONFIG.enabled;

        console.log('%cℹ️ 页面资源监控 v1.4.10（定制初始化提示）已加载', 'color:#2196F3;font-weight:bold');

        if (CONFIG.enabled) {
            console.log('🔁 检测到已启用监控，自动启动中...');
            runCheckWithOriginalStyle();
        } else {
            // 👇 严格按照你提供的格式输出
            console.log('👉 在控制台输入以下命令开始使用：');
            console.log('');
            console.log('  startMonitor("Y") → 启用监控');
            console.log('  startMonitor("q") → 关闭监控');
            console.log('  showErrors([level])   → 查看异常资源（level: "error" 默认, "warning" 含可疑项）');
            console.log('  clearMonitorStorage() → 清除所有监控相关本地存储（配置+日志）');
            console.log('');
            console.log('  monitorHelp()     → 查看完整命令帮助');
        }
    }

    if (document.readyState === 'complete') {
        init();
    } else {
        window.addEventListener('load', init, { once: true });
    }
})();