npm - dcs019 - Versions diffs - 1.1.0 - Mend

dcs019 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (597) hide show

package/index.html ADDED Viewed

@@ -0,0 +1,1002 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+    <meta name="touch-action" content="none">
+    <meta name="msapplication-tap-highlight" content="no">
+    <meta name="tv-browser" content="true">
+    <meta name="samsung-smarttv" content="true">
+    <title>通用代理+豆瓣电影（控制台日志置顶版）</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            outline: none !important;
+            -webkit-tap-highlight-color: transparent;
+            -webkit-user-select: text;
+            user-select: text;
+        }
+        body {
+            background-color: #000;
+            color: #fff;
+            font-family: "Samsung Sans", "Microsoft Yahei", monospace;
+            font-size: 2vw;
+            overflow: hidden;
+            touch-action: none;
+            -webkit-transform: translateZ(0);
+            transform: translateZ(0);
+        }
+        /* ========== 核心修改：日志控制台置顶 ========== */
+        .console-panel {
+            width: 100vw;
+            height: 20vh; /* 可下拉展开 */
+            background-color: #111;
+            border-bottom: 0.2vw solid #007722;
+            position: relative;
+            z-index: 100; /* 置顶层级 */
+            overflow: hidden;
+            -webkit-transition: height 0.3s ease;
+            transition: height 0.3s ease;
+        }
+        /* 展开状态 */
+        .console-panel.expanded {
+            height: 60vh;
+        }
+        /* 控制台头部（可聚焦） */
+        .console-header {
+            background-color: #007722;
+            padding: 0.5vw 2vw;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-pack: justify;
+            -ms-flex-pack: justify;
+            justify-content: space-between;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+            cursor: pointer;
+            tab-index: 0;
+            outline: none;
+        }
+        /* 焦点样式（和原有统一） */
+        .console-header.focused,
+        .console-btn.focused {
+            background-color: rgba(255, 255, 255, 0.4) !important;
+            border: 0.2vw solid #ffffff !important;
+            -webkit-box-shadow: 0 0 1vw rgba(255, 255, 255, 0.5) !important;
+            box-shadow: 0 0 1vw rgba(255, 255, 255, 0.5) !important;
+            outline: none !important;
+        }
+        .console-title {
+            font-size: 2vw;
+            font-weight: bold;
+            color: #fff;
+        }
+        .console-toggle {
+            font-size: 2vw;
+            color: #fff;
+        }
+        /* 控制台日志内容区（可聚焦） */
+        .console-content {
+            width: 100%;
+            height: calc(100% - 4vw);
+            padding: 1vw 2vw;
+            overflow-y: auto;
+            font-family: monospace;
+            font-size: 1.8vw;
+            color: #00ff66;
+            white-space: pre-wrap;
+            line-height: 1.4;
+            tab-index: 0;
+            outline: none;
+            /* 滚动条适配 */
+            scrollbar-width: thin;
+            scrollbar-color: #007722 #111;
+        }
+        .console-content::-webkit-scrollbar {
+            width: 0.8vw;
+        }
+        .console-content::-webkit-scrollbar-track {
+            background: #111;
+            border-radius: 0.4vw;
+        }
+        .console-content::-webkit-scrollbar-thumb {
+            background-color: #007722;
+            border-radius: 0.4vw;
+            border: 0.2vw solid #111;
+        }
+        .console-content .log-error {
+            color: #ff4444;
+        }
+        .console-content .log-time {
+            color: #00ffff;
+        }
+        .console-content .log-group {
+            border-top: 1px solid #333;
+            padding: 1vw 0;
+            margin: 1vw 0;
+        }
+        /* 控制台按钮（可聚焦） */
+        .console-btns {
+            position: absolute;
+            top: 0.5vw;
+            right: 2vw;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            gap: 1vw;
+        }
+        .console-btn {
+            background-color: #ff8800;
+            color: #fff;
+            border: none;
+            padding: 0.5vw 1vw;
+            border-radius: 0.5vw;
+            font-size: 1.5vw;
+            cursor: pointer;
+            tab-index: 0;
+            outline: none;
+        }
+        /* 原有头部样式（下移） */
+        .header {
+            width: 100vw;
+            min-height: 10vh;
+            background-color: #007722;
+            padding: 1vw 3vw;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -ms-flex-wrap: wrap;
+            flex-wrap: wrap;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+            gap: 2vw;
+            position: relative;
+            z-index: 10;
+            /* 控制台置顶后，头部下移 */
+            margin-top: 0;
+        }
+        .header-left {
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+            gap: 4vw;
+        }
+        .logo {
+            font-size: 3vw;
+            font-weight: bold;
+        }
+        .nav-item {
+            padding: 0.8vw 1.5vw;
+            cursor: pointer;
+            border-radius: 0.5vw;
+            -webkit-transition: all 0.2s ease;
+            transition: all 0.2s ease;
+            display: inline-block;
+            position: relative;
+            z-index: 1;
+            tab-index: 0;
+            outline: none;
+        }
+        .server-status, .data-preview, .test-btn {
+            padding: 0.8vw 1.5vw;
+            border-radius: 0.5vw;
+            font-size: 1.8vw;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+            gap: 1vw;
+            display: inline-block;
+            position: relative;
+            z-index: 1;
+            cursor: pointer;
+            -webkit-transition: all 0.2s ease;
+            transition: all 0.2s ease;
+            tab-index: 0;
+            outline: none;
+        }
+        .header-right {
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+            gap: 2vw;
+            margin-left: auto;
+        }
+        .focused {
+            background-color: rgba(255, 255, 255, 0.4) !important;
+            border: 0.2vw solid #ffffff !important;
+            -webkit-box-shadow: 0 0 1vw rgba(255, 255, 255, 0.5) !important;
+            box-shadow: 0 0 1vw rgba(255, 255, 255, 0.5) !important;
+            outline: none !important;
+        }
+        .status-indicator {
+            width: 1.5vw;
+            height: 1.5vw;
+            border-radius: 50%;
+            background-color: #ff4444;
+            display: inline-block;
+            vertical-align: middle;
+        }
+        .status-indicator.online {
+            background-color: #66ff66;
+        }
+        .data-preview {
+            background-color: #111;
+            border: 0.1vw solid #333;
+            max-width: 35vw;
+            width: 35vw;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .test-btn {
+            background-color: #ff8800;
+            color: #fff;
+            border: none;
+            min-width: 15vw;
+            text-align: center;
+        }
+        /* 原有数据展示区 */
+        .data-display-area {
+            width: 100vw;
+            padding: 1vw 3vw;
+            background-color: #1a1a1a;
+            border-top: 0.2vw solid #007722;
+            border-bottom: 0.2vw solid #007722;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            gap: 2vw;
+            height: 25vh;
+            -webkit-transform: translateZ(0);
+            transform: translateZ(0);
+        }
+        .data-box {
+            -webkit-box-flex: 1;
+            -ms-flex: 1;
+            flex: 1;
+            background-color: #222;
+            border-radius: 0.5vw;
+            padding: 1vw;
+            overflow-y: auto;
+            overflow-x: hidden;
+            font-size: 1.5vw;
+            tab-index: 0;
+            position: relative;
+            z-index: 1;
+            outline: none;
+            -webkit-overflow-scrolling: touch;
+            scrollbar-width: thin;
+            scrollbar-color: #007722 #111;
+            line-height: 1.6;
+        }
+        .data-box::-webkit-scrollbar {
+            width: 0.8vw;
+        }
+        .data-box::-webkit-scrollbar-track {
+            background: #111;
+            border-radius: 0.4vw;
+        }
+        .data-box::-webkit-scrollbar-thumb {
+            background-color: #007722;
+            border-radius: 0.4vw;
+            border: 0.2vw solid #111;
+        }
+        .data-box-title {
+            color: #00ff66;
+            margin-bottom: 0.5vw;
+            font-weight: bold;
+            font-size: 1.8vw;
+        }
+        .data-box-content {
+            color: #ccc;
+            white-space: pre-wrap;
+            word-break: break-all;
+            line-height: 1.6;
+        }
+        /* 原有内容区 */
+        .content {
+            padding: 2vw 3vw;
+            height: 25vh;
+            overflow: hidden;
+            position: relative;
+            z-index: 5;
+        }
+        .content .title {
+            font-size: 2.5vw;
+            margin-bottom: 2vw;
+            padding-left: 1vw;
+            border-left: 0.5vw solid #007722;
+        }
+        .video-grid {
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -ms-flex-wrap: wrap;
+            flex-wrap: wrap;
+            -webkit-box-pack: justify;
+            -ms-flex-pack: justify;
+            justify-content: space-between;
+            gap: 2vw;
+            height: 100%;
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+            scrollbar-width: none;
+        }
+        .video-card {
+            width: 23%;
+            background-color: #222;
+            border-radius: 1vw;
+            overflow: hidden;
+            -webkit-transition: all 0.2s ease;
+            transition: all 0.2s ease;
+            position: relative;
+            z-index: 1;
+            tab-index: 0;
+            outline: none;
+        }
+        .video-card img {
+            width: 100%;
+            height: 18vh;
+            -o-object-fit: cover;
+            object-fit: cover;
+        }
+        .video-card .video-title {
+            padding: 1vw;
+            font-size: 1.8vw;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        .video-card .rating {
+            padding: 0 1vw 1vw;
+            font-size: 1.5vw;
+            color: #ffcc00;
+        }
+        .loading, .error {
+            font-size: 3vw;
+            text-align: center;
+            padding: 15vh 0;
+            color: #999;
+            width: 100%;
+            height: 100%;
+            display: -webkit-box;
+            display: -ms-flexbox;
+            display: flex;
+            -webkit-box-align: center;
+            -ms-flex-align: center;
+            align-items: center;
+            -webkit-box-pack: center;
+            -ms-flex-pack: center;
+            justify-content: center;
+            white-space: pre-wrap;
+        }
+        .error {
+            color: #ff4444;
+            line-height: 1.5;
+        }
+        /* Tizen4.0 适配 */
+        @media screen and (max-width: 1920px) {
+            body { font-size: 3.5vw; }
+            .logo { font-size: 4vw; }
+            .nav-item, .server-status, .test-btn { font-size: 2.5vw; padding: 1vw 2vw; }
+            .data-preview { font-size: 2vw; max-width: 30vw; width: 30vw; }
+            .status-indicator { width: 2vw; height: 2vw; }
+            .video-card img { height: 20vh; }
+            .loading, .error { font-size: 4vw; }
+            .data-display-area { height: 25vh; }
+            .data-box { font-size: 2vw; line-height: 1.8; }
+            .data-box-title { font-size: 2.2vw; }
+            .content { height: 25vh; }
+            .console-panel { height: 20vh; }
+            .console-panel.expanded { height: 60vh; }
+            .console-title { font-size: 2.5vw; }
+            .console-content { font-size: 2vw; }
+            .console-btn { font-size: 2vw; padding: 0.8vw 1.5vw; }
+        }
+    </style>
+</head>
+<body>
+    <!-- ========== 核心修改：日志控制台移到最顶部 ========== -->
+    <div class="console-panel" id="consolePanel">
+        <div class="console-header" id="consoleHeader" tabindex="0">
+            <div class="console-title">🔧 后端日志控制台（点击展开/收起）</div>
+            <div class="console-btns">
+                <button class="console-btn" id="refreshLogBtn" tabindex="0">刷新日志</button>
+                <button class="console-btn" id="clearLogBtn" tabindex="0">清空日志</button>
+            </div>
+            <div class="console-toggle" id="consoleToggle">▼</div>
+        </div>
+        <div class="console-content" id="consoleContent" tabindex="0">
+            等待发起请求...
+        </div>
+    </div>
+    <!-- 原有头部 -->
+    <div class="header">
+        <div class="header-left">
+            <div class="logo">通用代理+豆瓣电影TV版</div>
+            <div class="nav">
+                <div class="nav-item" id="navHot" tabindex="0">热映电影</div>
+                <div class="nav-item" id="navComing" tabindex="0">即将上映</div>
+            </div>
+        </div>
+        <div class="header-right">
+            <div class="server-status" id="serverStatus" tabindex="0">
+                <span class="status-indicator" id="statusIndicator"></span>
+                <span id="statusText">检测中...</span>
+            </div>
+            <div class="data-preview" id="dataPreview" tabindex="0">数据预览：无</div>
+            <button class="test-btn" id="testBtn" tabindex="0">测试通用代理</button>
+        </div>
+    </div>
+    <!-- 原有数据展示区 -->
+    <div class="data-display-area">
+        <div class="data-box" id="statusDataBox" tabindex="0">
+            <div class="data-box-title">代理状态返回数据</div>
+            <div class="data-box-content" id="statusDataContent">等待检测代理状态...</div>
+        </div>
+        <div class="data-box" id="movieDataBox" tabindex="0">
+            <div class="data-box-title">电影数据返回数据</div>
+            <div class="data-box-content" id="movieDataContent">等待加载电影数据...</div>
+        </div>
+        <div class="data-box" id="testProxyDataBox" tabindex="0">
+            <div class="data-box-title">测试代理返回数据</div>
+            <div class="data-box-content" id="testProxyDataContent">等待测试通用代理...</div>
+        </div>
+    </div>
+    <!-- 原有内容区 -->
+    <div class="content">
+        <div class="title" id="contentTitle">广州热映电影</div>
+        <div class="video-grid" id="videoGrid">
+            <div class="loading">正在加载数据...</div>
+        </div>
+    </div>
+    <script>
+        // ========== 核心修改：日志按请求分组存储，移除自动刷新 ==========
+        let requestLogs = []; // 存储每一轮请求的日志分组
+        let currentRequestId = ''; // 当前请求ID
+        // 焦点ID列表：控制台元素放在最前面（遥控器优先选中）
+        var focusableIds = [
+            // 控制台元素（置顶优先）
+            'consoleHeader', 'refreshLogBtn', 'clearLogBtn', 'consoleContent',
+            // 原有元素
+            'navHot', 'navComing', 'serverStatus', 'dataPreview', 'testBtn',
+            'statusDataBox', 'movieDataBox', 'testProxyDataBox'
+        ];
+        var currentFocusIndex = 0;
+        var focusableElements = [];
+        var DEFAULT_POSTER = 'https://via.placeholder.com/300x450/222222/ffffff?text=暂无海报';
+        // 纯文本格式化（避免JSON解析）
+        function formatTextDisplay(text) {
+            if (!text) return '无数据';
+            return text.replace(/\\n/g, '\n');
+        }
+        function updateStatusDataBox(content, isError) {
+            var el = document.getElementById('statusDataContent');
+            el.textContent = formatTextDisplay(content);
+            el.style.color = isError ? '#ff4444' : '#ccc';
+        }
+        function updateMovieDataBox(content, isError) {
+            var el = document.getElementById('movieDataContent');
+            el.textContent = formatTextDisplay(content);
+            el.style.color = isError ? '#ff4444' : '#ccc';
+        }
+        function updateTestProxyDataBox(content, isError) {
+            var el = document.getElementById('testProxyDataContent');
+            el.textContent = formatTextDisplay(content);
+            el.style.color = isError ? '#ff4444' : '#ccc';
+        }
+        function handleImageError(img) {
+            img.onerror = null;
+            img.src = DEFAULT_POSTER;
+            img.style.opacity = '0.7';
+        }
+        // ========== 核心修改：焦点控制兼容控制台元素 ==========
+        function initFocusElements() {
+            focusableElements = [];
+            // 遍历所有可聚焦ID，包括控制台元素
+            for (var i = 0; i < focusableIds.length; i++) {
+                var el = document.getElementById(focusableIds[i]);
+                if (el) {
+                    el.tabIndex = 0;
+                    el.setAttribute('tabindex', 0);
+                    focusableElements.push(el);
+                }
+            }
+            // 电影卡片焦点（原有逻辑）
+            var videoCards = document.querySelectorAll('.video-card');
+            for (var j = 0; j < videoCards.length; j++) {
+                videoCards[j].tabIndex = 0;
+                videoCards[j].setAttribute('tabindex', 0);
+                focusableElements.push(videoCards[j]);
+            }
+            // 移除所有焦点样式
+            for (var k = 0; k < focusableElements.length; k++) {
+                focusableElements[k].classList.remove('focused');
+            }
+            // 设置当前焦点
+            if (focusableElements.length > 0) {
+                currentFocusIndex = currentFocusIndex % focusableElements.length;
+                var currentEl = focusableElements[currentFocusIndex];
+                currentEl.classList.add('focused');
+                currentEl.focus();
+            }
+        }
+        function moveFocus(direction) {
+            if (focusableElements[currentFocusIndex]) {
+                focusableElements[currentFocusIndex].classList.remove('focused');
+            }
+            if (direction === 'next') {
+                currentFocusIndex = (currentFocusIndex + 1) % focusableElements.length;
+            } else {
+                currentFocusIndex = (currentFocusIndex - 1 + focusableElements.length) % focusableElements.length;
+            }
+            initFocusElements();
+        }
+        function bindKeyEvents() {
+            document.addEventListener('keydown', function(e) {
+                var keyCode = e.keyCode || e.which || e.charCode;
+                var validKeys = [37,38,39,40,13,32];
+                var isValid = false;
+                for (var m = 0; m < validKeys.length; m++) {
+                    if (validKeys[m] === keyCode) {
+                        isValid = true;
+                        break;
+                    }
+                }
+                if (!isValid) return;
+                e.preventDefault();
+                e.stopPropagation();
+                switch(keyCode) {
+                    case 37: case 38:
+                        // 上/左：焦点上移
+                        moveFocus('prev');
+                        break;
+                    case 39: case 40:
+                        // 下/右：焦点下移
+                        moveFocus('next');
+                        break;
+                    case 13: case 32:
+                        // 确认/空格：触发点击
+                        if (focusableElements[currentFocusIndex]) {
+                            focusableElements[currentFocusIndex].click();
+                        }
+                        break;
+                }
+            });
+        }
+        // ========== 核心修改：日志按请求分组 ==========
+        // 生成唯一请求ID
+        function generateRequestId() {
+            return 'req_' + Date.now() + '_' + Math.floor(Math.random() * 1000);
+        }
+        // 追加日志到指定请求分组
+        function appendConsoleLog(text, type) {
+            type = type || 'info';
+            const logItem = {
+                time: new Date().toLocaleString(),
+                text: text,
+                type: type
+            };
+            // 如果是新请求（无currentRequestId），创建新分组
+            if (!currentRequestId) {
+                currentRequestId = generateRequestId();
+                const requestName = text.includes('热映') ? '加载热映电影' :
+                                    text.includes('即将上映') ? '加载即将上映电影' :
+                                    text.includes('测试通用代理') ? '测试通用代理' :
+                                    text.includes('检测代理状态') ? '检测代理状态' :
+                                    '未知请求';
+                requestLogs.unshift({
+                    id: currentRequestId,
+                    name: requestName,
+                    time: new Date().toLocaleString(),
+                    content: [logItem]
+                });
+            } else {
+                // 追加到当前请求分组
+                const targetGroup = requestLogs.find(item => item.id === currentRequestId);
+                if (targetGroup) {
+                    targetGroup.content.push(logItem);
+                } else {
+                    // 未找到分组，创建新的
+                    requestLogs.unshift({
+                        id: currentRequestId,
+                        name: '未知请求',
+                        time: new Date().toLocaleString(),
+                        content: [logItem]
+                    });
+                }
+            }
+            // 只保留最近5轮请求日志，避免过多
+            if (requestLogs.length > 5) {
+                requestLogs.pop();
+            }
+            // 渲染日志
+            renderConsoleLogs();
+        }
+        // 渲染按请求分组的日志
+        function renderConsoleLogs() {
+            const consoleContent = document.getElementById('consoleContent');
+            if (requestLogs.length === 0) {
+                consoleContent.innerHTML = '等待发起请求...';
+                return;
+            }
+            let logHtml = '';
+            requestLogs.forEach(group => {
+                logHtml += `<div class="log-group">`;
+                logHtml += `<span class="log-time">【${group.time} - ${group.name}】</span>\n`;
+                group.content.forEach(item => {
+                    const className = item.type === 'error' ? 'log-error' : 'log-time';
+                    logHtml += `<span class="${className}">[${item.time}]</span> ${item.text}\n`;
+                });
+                logHtml += `</div>`;
+            });
+            consoleContent.innerHTML = logHtml;
+            consoleContent.scrollTop = consoleContent.scrollHeight;
+        }
+        // 清空日志
+        function clearConsoleLogs() {
+            requestLogs = [];
+            currentRequestId = '';
+            document.getElementById('consoleContent').innerHTML = '日志已清空\n';
+            appendConsoleLog('控制台日志已手动清空', 'info');
+        }
+        // ========== 核心修改：代理请求函数（关联请求ID） ==========
+        function proxyRequest(targetUrl, method, data) {
+            method = method || 'GET';
+            data = data || {};
+            // 生成新请求ID，标记当前请求
+            currentRequestId = generateRequestId();
+            appendConsoleLog(`发起代理请求：${method} ${targetUrl}`, 'info');
+            return new Promise(function(resolve, reject) {
+                try {
+                    var proxyUrl = '/proxy?url=' + encodeURIComponent(targetUrl);
+                    var xhr = new XMLHttpRequest();
+                    xhr.timeout = 10000;
+                    xhr.open(method, proxyUrl, true);
+                    if (method !== 'GET') {
+                        xhr.setRequestHeader('Content-Type', 'application/json;charset=utf-8');
+                    }
+                    xhr.onload = function() {
+                        appendConsoleLog(`代理响应状态码：${xhr.status}`, 'info');
+                        var resText = xhr.responseText || '';
+                        appendConsoleLog(`代理原始响应：${resText.substring(0, 200)}...`, 'info');
+                        var logText = '';
+                        var rawText = '';
+                        try {
+                            var resData = eval('(' + resText + ')');
+                            logText = resData.logText || '';
+                            rawText = resData.rawText || '';
+                        } catch (e) {
+                            logText = resText;
+                            appendConsoleLog(`JSON解析失败：${e.message}，使用原始文本`, 'error');
+                        }
+                        if (xhr.status >= 200 && xhr.status < 300) {
+                            resolve({
+                                logText: logText,
+                                rawText: rawText,
+                                resText: resText,
+                                status: xhr.status
+                            });
+                        } else {
+                            reject(new Error('代理返回错误：状态码' + xhr.status + ' → ' + resText.substring(0, 100)));
+                        }
+                    };
+                    xhr.ontimeout = function() {
+                        appendConsoleLog('请求超时（10秒）', 'error');
+                        reject(new Error('请求超时（10秒），请检查代理服务'));
+                    };
+                    xhr.onerror = function() {
+                        appendConsoleLog('真正网络错误', 'error');
+                        reject(new Error('真正网络错误：请检查代理服务是否启动/局域网是否连通'));
+                    };
+                    xhr.send(method !== 'GET' ? JSON.stringify(data) : null);
+                } catch (err) {
+                    appendConsoleLog('请求初始化失败：' + err.message, 'error');
+                    reject(new Error('请求初始化失败：' + err.message));
+                }
+            });
+        }
+        // ========== 原有业务逻辑（适配新日志系统） ==========
+        function checkServerStatus() {
+            // 重置当前请求ID，标记为新请求
+            currentRequestId = '';
+            var statusText = document.getElementById('statusText');
+            var statusIndicator = document.getElementById('statusIndicator');
+            statusText.innerText = '检测中...';
+            statusIndicator.className = 'status-indicator';
+            updateStatusDataBox('正在检测代理状态...');
+            appendConsoleLog('开始检测代理状态', 'info');
+            return new Promise(function(resolve, reject) {
+                var xhr = new XMLHttpRequest();
+                xhr.timeout = 3000;
+                xhr.open('GET', '/status', true);
+                xhr.onload = function() {
+                    appendConsoleLog(`状态接口响应：${xhr.responseText.substring(0, 200)}...`, 'info');
+                    updateStatusDataBox(xhr.responseText);
+                    if (xhr.status === 200) {
+                        statusIndicator.className = 'status-indicator online';
+                        statusText.innerText = '代理在线';
+                        document.getElementById('dataPreview').innerText = '代理服务正常，可发起请求';
+                        resolve();
+                    } else {
+                        updateStatusDataBox('状态码：' + xhr.status + '\n响应：' + xhr.responseText, true);
+                        statusIndicator.className = 'status-indicator offline';
+                        statusText.innerText = '代理离线';
+                        document.getElementById('dataPreview').innerText = '错误：无法连接代理服务';
+                        reject(new Error('状态检测失败'));
+                    }
+                };
+                xhr.ontimeout = function() {
+                    var errMsg = '请求超时（3秒）：无法连接/status接口';
+                    updateStatusDataBox(errMsg, true);
+                    statusIndicator.className = 'status-indicator offline';
+                    statusText.innerText = '代理离线';
+                    document.getElementById('dataPreview').innerText = errMsg;
+                    appendConsoleLog(errMsg, 'error');
+                    reject(new Error(errMsg));
+                };
+                xhr.onerror = function() {
+                    var errMsg = '网络错误：请检查代理服务是否启动';
+                    updateStatusDataBox(errMsg, true);
+                    statusIndicator.className = 'status-indicator offline';
+                    statusText.innerText = '代理离线';
+                    document.getElementById('dataPreview').innerText = errMsg;
+                    appendConsoleLog(errMsg, 'error');
+                    reject(new Error(errMsg));
+                };
+                xhr.send();
+            });
+        }
+        function loadMovieData(type) {
+            // 重置当前请求ID，标记为新请求
+            currentRequestId = '';
+            type = type || 'hot';
+            var videoGrid = document.getElementById('videoGrid');
+            document.getElementById('contentTitle').innerText = type === 'hot' ? '热映电影' : '即将上映';
+            videoGrid.innerHTML = '<div class="loading">正在加载...</div>';
+            updateMovieDataBox('正在加载电影数据...');
+            appendConsoleLog(`开始加载${type === 'hot' ? '热映' : '即将上映'}电影数据`, 'info');
+            proxyRequest(type === 'hot' ? 'https://movie.douban.com/j/search_subjects?type=movie&tag=热映&page_limit=20&page_start=0' : 'https://movie.douban.com/j/search_subjects?type=movie&tag=即将上映&page_limit=20&page_start=0')
+            .then(function(res) {
+                updateMovieDataBox(`【请求日志】\n${res.logText}\n\n【原始响应】\n${res.rawText}`);
+                appendConsoleLog(`电影数据加载成功，原始响应长度：${res.rawText.length}`, 'info');
+                // 新增：风控检测（返回纯IP的情况）
+                if (!res.rawText || res.rawText.length < 10 || res.rawText.match(/^\d+\.\d+\.\d+\.\d+$/)) {
+                    videoGrid.innerHTML = '<div class="error">❌ 豆瓣风控拦截\n当前IP/环境被限制访问\n解决方案：\n1. 更换代理IP\n2. 使用手机热点访问\n3. 等待豆瓣风控解除</div>';
+                    document.getElementById('dataPreview').innerText = '豆瓣风控：返回IP地址而非电影数据';
+                    appendConsoleLog('检测到豆瓣风控：返回纯IP字符串', 'error');
+                    return;
+                }
+                try {
+                    var movieData = eval('(' + res.rawText + ')');
+                    if (movieData.subjects && movieData.subjects.length > 0) {
+                        renderMovieCards(movieData.subjects);
+                        document.getElementById('dataPreview').innerText = '加载成功：共' + movieData.subjects.length + '部电影';
+                    } else {
+                        videoGrid.innerHTML = '<div class="error">✅ 代理请求成功\n❌ 豆瓣返回空数据（风控）\n查看控制台日志了解详情</div>';
+                        document.getElementById('dataPreview').innerText = '豆瓣风控：返回空数据';
+                    }
+                } catch (e) {
+                    videoGrid.innerHTML = '<div class="error">✅ 代理请求成功\n❌ 数据解析失败\n原始响应：' + res.rawText.substring(0, 50) + '</div>';
+                    document.getElementById('dataPreview').innerText = '数据解析失败：' + e.message;
+                    appendConsoleLog(`电影数据解析失败：${e.message}`, 'error');
+                }
+            })
+            .catch(function(err) {
+                updateMovieDataBox(err.message, true);
+                var errMsg = err.message.indexOf('真正网络错误') > -1
+                    ? '❌ 真正网络错误\n检查代理服务是否启动'
+                    : '❌ 加载失败\n' + err.message;
+                videoGrid.innerHTML = '<div class="error">' + errMsg + '</div>';
+                document.getElementById('dataPreview').innerText = '加载失败：' + err.message;
+                appendConsoleLog(`电影数据加载失败：${err.message}`, 'error');
+            });
+        }
+        function testUniversalProxy() {
+            // 重置当前请求ID，标记为新请求
+            currentRequestId = '';
+            var testBtn = document.getElementById('testBtn');
+            testBtn.innerText = '测试中...';
+            document.getElementById('dataPreview').innerText = '测试代理中...';
+            updateTestProxyDataBox('正在测试通用代理...');
+            appendConsoleLog('开始测试通用代理（httpbin.org/get）', 'info');
+            proxyRequest('https://httpbin.org/get')
+            .then(function(res) {
+                updateTestProxyDataBox(`【请求日志】\n${res.logText}\n\n【原始响应】\n${res.rawText}`);
+                testBtn.innerText = '测试成功✅';
+                document.getElementById('dataPreview').innerText = '测试成功：查看数据框/控制台日志';
+                appendConsoleLog('通用代理测试成功', 'info');
+                try {
+                    var testData = eval('(' + res.rawText + ')');
+                    document.getElementById('videoGrid').innerHTML = '<div class="error">✅ 通用代理正常\n返回IP：' + (testData.origin || '未知') + '</div>';
+                } catch (e) {
+                    document.getElementById('videoGrid').innerHTML = '<div class="error">✅ 通用代理正常\n❌ 响应解析失败（查看控制台）</div>';
+                }
+                initFocusElements();
+            })
+            .catch(function(err) {
+                updateTestProxyDataBox('【测试失败】\n' + err.message, true);
+                testBtn.innerText = '测试失败❌';
+                document.getElementById('dataPreview').innerText = '测试失败：' + err.message;
+                document.getElementById('videoGrid').innerHTML = '<div class="error">❌ 测试失败\n' + err.message + '</div>';
+                appendConsoleLog(`通用代理测试失败：${err.message}`, 'error');
+            })
+            .finally(function() {
+                setTimeout(function() {
+                    testBtn.innerText = '测试通用代理';
+                }, 3000);
+            });
+        }
+        function renderMovieCards(movieList) {
+            var videoGrid = document.getElementById('videoGrid');
+            videoGrid.innerHTML = '';
+            for (var n = 0; n < movieList.length; n++) {
+                var movie = movieList[n];
+                var id = movie.id || '';
+                var title = movie.title || '未知';
+                var cover = movie.cover || DEFAULT_POSTER;
+                var rating = movie.rating || {};
+                var score = rating.average || '无';
+                var card = document.createElement('div');
+                card.className = 'video-card';
+                card.tabIndex = 0;
+                card.setAttribute('tabindex', 0);
+                card.innerHTML = '<img src="' + cover + '" alt="' + title + '"><div class="video-title">' + title + '</div><div class="rating">评分：' + score + '</div>';
+                var img = card.querySelector('img');
+                img.onerror = function() {
+                    handleImageError(this);
+                };
+                card.onclick = function() {
+                    window.open('https://movie.douban.com/subject/' + id + '/', '_blank');
+                };
+                videoGrid.appendChild(card);
+            }
+            initFocusElements();
+        }
+        // ========== 控制台功能修改 ==========
+        function loadGlobalLogs() {
+            // 手动刷新时仅补充后端日志，不覆盖现有分组日志
+            appendConsoleLog('开始加载后端全局日志...', 'info');
+            var xhr = new XMLHttpRequest();
+            xhr.open('GET', '/getLogs', true);
+            xhr.timeout = 5000;
+            xhr.responseType = 'text';
+            xhr.onload = function() {
+                if (xhr.status === 200) {
+                    // 创建独立分组存放后端全局日志
+                    currentRequestId = generateRequestId();
+                    requestLogs.unshift({
+                        id: currentRequestId,
+                        name: '后端全局日志（手动刷新）',
+                        time: new Date().toLocaleString(),
+                        content: [{
+                            time: new Date().toLocaleString(),
+                            text: xhr.responseText,
+                            type: 'info'
+                        }]
+                    });
+                    renderConsoleLogs();
+                    appendConsoleLog('后端全局日志加载完成', 'info');
+                } else {
+                    appendConsoleLog('加载全局日志失败：状态码' + xhr.status, 'error');
+                }
+            };
+            xhr.onerror = function() {
+                appendConsoleLog('加载全局日志失败：网络错误', 'error');
+            };
+            xhr.ontimeout = function() {
+                appendConsoleLog('加载全局日志失败：请求超时', 'error');
+            };
+            xhr.send();
+        }
+        function toggleConsolePanel() {
+            var panel = document.getElementById('consolePanel');
+            var toggle = document.getElementById('consoleToggle');
+            panel.classList.toggle('expanded');
+            toggle.textContent = panel.classList.contains('expanded') ? '▲' : '▼';
+            // 切换后重新初始化焦点
+            initFocusElements();
+        }
+        // ========== 初始化 ==========
+        window.onload = function() {
+            console.log('Tizen4.0 页面加载完成，开始初始化');
+            setTimeout(function() {
+                // 初始化焦点（控制台元素优先）
+                initFocusElements();
+                bindKeyEvents();
+                checkServerStatus();
+                loadMovieData('hot');
+                // 初始化控制台
+                renderConsoleLogs(); // 初始渲染空日志
+                // 绑定控制台事件（支持焦点点击）
+                document.getElementById('consoleHeader').onclick = toggleConsolePanel;
+                document.getElementById('refreshLogBtn').onclick = loadGlobalLogs;
+                document.getElementById('clearLogBtn').onclick = clearConsoleLogs;
+                // 绑定原有按钮事件
+                document.getElementById('serverStatus').onclick = function() {
+                    checkServerStatus().catch(function(err) {
+                        appendConsoleLog('手动检测代理状态失败：' + err.message, 'error');
+                    });
+                };
+                document.getElementById('navHot').onclick = function() {
+                    loadMovieData('hot');
+                };
+                document.getElementById('navComing').onclick = function() {
+                    loadMovieData('coming');
+                };
+                document.getElementById('testBtn').onclick = function() {
+                    testUniversalProxy();
+                };
+                // 移除自动刷新日志的定时器！！！
+                // setInterval(loadGlobalLogs, 10000);
+            }, 800);
+        };
+        // 焦点兜底
+        window.addEventListener('blur', function() {
+            setTimeout(initFocusElements, 100);
+        });
+    </script>
+</body>
+</html>