// ==UserScript==
// @name         优雅的错误页面美化
// @version      1.5
// @description  美化WebView错误页面，提供更友好的用户体验
// @author       
// @match        *://*/*
// @run-at       document-end
// @namespace    https://greasyfork.org/users/452911
// @downloadURL https://update.greasyfork.icu/scripts/561334/%E4%BC%98%E9%9B%85%E7%9A%84%E9%94%99%E8%AF%AF%E9%A1%B5%E9%9D%A2%E7%BE%8E%E5%8C%96.user.js
// @updateURL https://update.greasyfork.icu/scripts/561334/%E4%BC%98%E9%9B%85%E7%9A%84%E9%94%99%E8%AF%AF%E9%A1%B5%E9%9D%A2%E7%BE%8E%E5%8C%96.meta.js
// ==/UserScript==

(function() {
    'use strict';

    // 只对 chrome-error://chromewebdata/ 生效
    if (window.location.href !== "chrome-error://chromewebdata/") {
        return;
    }

    const ERROR_REGISTRY = [
        /ERR_CONNECTION_REFUSED/i, /ERR_CONNECTION_TIMED_OUT/i, /ERR_INTERNET_DISCONNECTED/i,
        /ERR_CONNECTION_CLOSED/i, /ERR_NAME_NOT_RESOLVED/i, /ERR_SSL_PROTOCOL_ERROR/i,
        /ERR_PROXY_CONNECTION_FAILED/i, /ERR_CONNECTION_RESET/i, /ERR_CONNECTION_ABORTED/i,
        /ERR_NETWORK_CHANGED/i, /ERR_ADDRESS_UNREACHABLE/i, /ERR_ADDRESS_INVALID/i,
        /ERR_DNS_TIMED_OUT/i, /ERR_DNS_SERVER_FAILED/i, /ERR_SSL_VERSION_OR_CIPHER_MISMATCH/i,
        /ERR_CERT_AUTHORITY_INVALID/i, /ERR_CERT_DATE_INVALID/i, /ERR_CERT_COMMON_NAME_INVALID/i,
        /ERR_EMPTY_RESPONSE/i, /ERR_INVALID_RESPONSE/i, /ERR_CONTENT_LENGTH_MISMATCH/i,
        /ERR_TUNNEL_CONNECTION_FAILED/i, /ERR_TIMED_OUT/i, /ERR_FAILED/i, /ERR_ACCESS_DENIED/i,
        /ERR_BLOCKED_BY_CLIENT/i, /ERR_BLOCKED_BY_RESPONSE/i, /ERR_TOO_MANY_REDIRECTS/i,
        /ERR_UNSAFE_PORT/i, /ERR_UNSAFE_REDIRECT/i, /DNS_PROBE_FINISHED_NO_INTERNET/i,
        /DNS_PROBE_FINISHED_NXDOMAIN/i, /DNS_PROBE_STARTED/i, /PR_CONNECT_RESET_ERROR/i,
        /PR_END_OF_FILE_ERROR/i, /NS_ERROR_NET_TIMEOUT/i, /NS_ERROR_CONNECTION_REFUSED/i,
        /NS_ERROR_NET_RESET/i, /NS_ERROR_PROXY_CONNECTION_REFUSED/i, /ERR_FILE_NOT_FOUND/i,
        /ERR_REQUEST_RANGE_NOT_SATISFIABLE/i, /ERR_INVALID_HTTP_RESPONSE/i, /ERR_SSL_BAD_RECORD_MAC_ALERT/i,
        /ERR_DISALLOWED_URL_SCHEME/i, /ERR_UNKNOWN_URL_SCHEME/i
    ];

    const MessageEngine = (code) => {
        let conf = { type: '网络错误', desc: '无法访问此网站，请检查网络连接', help: '<li>检查数据流量或 Wi-Fi 连接</li><li>尝试关闭并重新开启飞行模式</li>' };
        if (/TIMED_OUT|TIMEOUT/.test(code)) {
            conf = { type: '连接超时', desc: '服务器响应时间过长', help: '<li>检查网络信号是否稳定</li><li>尝试刷新页面或稍后再试</li><li>检查防火墙或代理服务器设置</li>' };
        } else if (/REFUSED/.test(code)) {
            conf = { type: '连接被拒绝', desc: '目标服务器拒绝了连接请求', help: '<li>核对网址拼写是否正确</li><li>该网站可能暂时关闭或维护</li><li>检查本地防火墙拦截记录</li>' };
        } else if (/NAME_NOT_RESOLVED|NXDOMAIN|DNS_/.test(code)) {
            conf = { type: 'DNS 解析失败', desc: '找不到服务器的 IP 地址', help: '<li>检查网址是否拼写错误</li><li>尝试修改 DNS 为 223.5.5.5 或 8.8.8.8</li><li>清除浏览器 DNS 缓存</li>' };
        } else if (/DISCONNECTED|NO_INTERNET/.test(code)) {
            conf = { type: '网络已断开', desc: '当前未连接到互联网', help: '<li>检查网线、调制解调器和路由器</li><li>重新连接 Wi-Fi 或移动数据</li><li>检查是否欠费停机</li>' };
        } else if (/CLOSED|RESET|ABORTED/.test(code)) {
            conf = { type: '连接中断', desc: '与服务器的连接意外丢失', help: '<li>网络环境切换可能导致此问题</li><li>尝试重新加载网页</li><li>检查 VPN 或加速器连接状态</li>' };
        } else if (/SSL_|CERT_|PROTOCOL|INSECURE/.test(code)) {
            conf = { type: '安全连接失败', desc: '网页使用了不安全的证书或协议', help: '<li>检查系统日期和时间是否准确</li><li>该网站证书可能已过期或不可信</li><li>尝试清除 HSTS 状态</li>' };
        } else if (/PROXY_/.test(code)) {
            conf = { type: '代理错误', desc: '代理服务器连接异常', help: '<li>检查系统或浏览器的代理设置</li><li>尝试禁用 VPN 或第三方代理工具</li>' };
        } else if (/ACCESS_DENIED|BLOCKED/.test(code)) {
            conf = { type: '访问受阻', desc: '请求被客户端或服务器拦截', help: '<li>检查广告过滤插件设置</li><li>该页面可能需要特定的访问权限</li><li>尝试清除 Cookie 后重新登录</li>' };
        } else if (/_TOO_MANY_|REDIRECTS/.test(code)) {
            conf = { type: '重定向过多', desc: '网页导致了过多的重定向循环', help: '<li>尝试清除该网站的 Cookie</li><li>该网站可能配置错误，请联系网站管理员</li>' };
        } else if (/ADDRESS_UNREACHABLE|ADDRESS_INVALID/.test(code)) {
            conf = { type: '地址无效', desc: '无法找到通往目标服务器的路径', help: '<li>检查输入的网址是否包含错误 IP</li><li>尝试切换网络环境</li>' };
        } else if (/FILE_NOT_FOUND/.test(code)) {
            conf = { type: '文件不存在', desc: '无法找到请求的文件资源', help: '<li>检查本地路径或 URL 拼写</li><li>该文件可能已被移动或删除</li>' };
        } else if (/SCHEME/.test(code)) {
            conf = { type: '协议不支持', desc: '不支持的 URL 方案或协议', help: '<li>请检查 URL 开头的协议是否正确</li><li>某些链接需要特定的 App 才能打开</li>' };
        }
        return conf;
    };

    const VisualCore = {
        render(data) {
            const root = document.createElement('div');
            const shadow = root.attachShadow({ mode: 'open' });
            shadow.innerHTML = `
                <style>
                    :host { font-family: "MiSans", system-ui, -apple-system; color: #1a1a1a; }
                    .stage { position: fixed; inset: 0; background: #f7f7f9; display: flex; justify-content: center; align-items: center; z-index: 2147483647; }
                    .card { width: 85%; max-width: 400px; text-align: center; animation: fadeIn 0.5s ease; }
                    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
                    .icon-wrap { width: 84px; height: 84px; background: #fff; border-radius: 28px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; box-shadow: 0 8px 20px rgba(0,0,0,0.04); }
                    .badge { display: inline-block; padding: 4px 12px; background: rgba(0,120,255,0.08); color: #0078FF; border-radius: 10px; font-size: 13px; font-weight: 600; margin-bottom: 16px; }
                    h1 { font-size: 24px; margin: 0 0 12px; font-weight: 600; letter-spacing: -0.5px; }
                    .desc { font-size: 15px; color: #8a8a8e; line-height: 1.5; margin-bottom: 35px; }
                    .btn-stack { display: flex; flex-direction: column; gap: 12px; }
                    button { border: none; padding: 16px; border-radius: 18px; font-size: 17px; font-weight: 600; cursor: pointer; transition: 0.2s; -webkit-tap-highlight-color: transparent; }
                    .primary { background: #0078FF; color: #fff; }
                    .primary:active { background: #0062D1; transform: scale(0.97); }
                    .secondary { background: #EBEBEB; color: #1a1a1a; }
                    .secondary:active { background: #DADADA; transform: scale(0.97); }
                    .toggle { margin-top: 30px; background: none; color: #b2b2b2; font-size: 13px; font-weight: 400; animation: float 3s ease-in-out infinite; }
                    @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
                    .details { display: none; text-align: left; background: #fff; border-radius: 20px; padding: 20px; margin-top: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.02); }
                    .details strong { font-size: 14px; display: block; margin-bottom: 8px; }
                    .details ul { padding-left: 18px; margin: 0; color: #666; font-size: 13px; line-height: 1.7; }
                    .log { margin-top: 15px; padding-top: 12px; border-top: 1px dashed #f0f0f0; font-family: monospace; font-size: 11px; color: #ccc; word-break: break-all; }
                </style>
                <div class="stage">
                    <div class="card">
                        <div class="icon-wrap">
                            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#0078FF" stroke-width="2.2" stroke-linecap="round">
                                <circle cx="12" cy="12" r="10"></circle>
                                <line x1="12" y1="8" x2="12" y2="12"></line>
                                <line x1="12" y1="16" x2="12.01" y2="16"></line>
                            </svg>
                        </div>
                        <span class="badge">${data.type}</span>
                        <h1>无法打开网页</h1>
                        <div class="desc">${data.desc}</div>
                        <div class="btn-stack">
                            <button class="primary" id="retry">刷新页面</button>
                            <button class="secondary" id="back">返回上一页</button>
                        </div>
                        <button class="toggle" id="info-btn">查看故障详情</button>
                        <div class="details" id="panel">
                            <strong>建议：</strong>
                            <ul>${data.help}</ul>
                            <div class="log">ERROR: ${data.code}<br>URL: ${data.url}</div>
                        </div>
                    </div>
                </div>`;
            this.initEvents(shadow);
            document.body.appendChild(root);
        },
        initEvents(shadow) {
            shadow.getElementById('retry').onclick = () => location.reload();
            shadow.getElementById('back').onclick = () => history.length > 1 ? history.back() : window.close();
            shadow.getElementById('info-btn').onclick = function() {
                const panel = shadow.getElementById('panel');
                const isShow = panel.style.display === 'block';
                panel.style.display = isShow ? 'none' : 'block';
                this.innerText = isShow ? '查看故障详情' : '收起详细信息';
            };
        }
    };

    const Initializer = {
        applied: false,
        getExtractedUrl() {
            let url = location.href;
            const html = document.documentElement.innerHTML;
            
            // 提取URL逻辑
            const urlPatterns = [
                /位于\s*<strong>([^<]+)<\/strong>/i,
                /位于\s*<b>([^<]+)<\/b>/i
            ];
            
            for (const pattern of urlPatterns) {
                const match = html.match(pattern);
                if (match && match[1]) {
                    url = match[1].trim();
                    return url;
                }
            }
            
            const urlMatch = html.match(/https?:\/\/[^\s<>"']+/i);
            if (urlMatch) {
                url = urlMatch[0];
            }
            return url;
        },
        run() {
            if (this.applied || !document.body) return;
            
            // 只处理 chrome-error://chromewebdata/ 页面
            if (window.location.href !== "chrome-error://chromewebdata/") return;
            
            const content = (document.body.textContent + document.title).toUpperCase();
            
            // 检查是否为错误页面
            if (!ERROR_REGISTRY.some(r => r.test(content))) return;
            
            this.applied = true;
            
            // 提取错误代码
            const codeMatch = document.body.textContent.match(/(ERR_[A-Z_]+|DNS_[A-Z_]+|NS_ERROR_[A-Z_]+)/i);
            const errorCode = codeMatch ? codeMatch[0].toUpperCase() : 'ERR_FAILED';
            
            const info = MessageEngine(errorCode);
            
            // 使用新逻辑获取URL
            const realUrl = this.getExtractedUrl();
            
            document.documentElement.innerHTML = '<body></body>';
            VisualCore.render({ code: errorCode, url: realUrl, ...info });
        }
    };

    new MutationObserver(() => Initializer.run()).observe(document.documentElement, { childList: true, subtree: true });
    window.addEventListener('load', () => Initializer.run());
    setTimeout(() => Initializer.run(), 250);
})();