优化&fix

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "渠道应用开发部知识库",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "通过关键词快速搜索内部文档",
   "permissions": ["storage"],
   "host_permissions": [

scripts/popup.js

@@ -1,10 +1,10 @@
-
 document.addEventListener("DOMContentLoaded", async () => {
-    // ===== 自适应 / 拖拽 =====
+    log("DOMContentLoaded - 页面加载完成");
+
     const panel = document.getElementById("draggablePanel");
     const header = document.querySelector(".header");
-
     if (window.innerWidth > 900 && window.innerHeight > 700) {
+        log("启用全屏模式");
         document.body.classList.add("fullscreen");
         if (panel) {
             panel.style.left = "";
@@ -12,6 +12,7 @@ document.addEventListener("DOMContentLoaded", async () => {
             panel.style.position = "fixed";
         }
     } else if (panel && header) {
+        log("启用可拖拽模式");
         let dragging = false, offsetX = 0, offsetY = 0;
         header.addEventListener("mousedown", (e) => {
             dragging = true;
@@ -31,7 +32,7 @@ document.addEventListener("DOMContentLoaded", async () => {
         });
     }
 
-    // ===== 元素绑定 =====
+    // ====== 元素选择 ======
     const input = document.getElementById("searchInput");
     const searchBtn = document.getElementById("searchBtn");
     const clearBtn = document.getElementById("clearHistoryBtn");
@@ -48,19 +49,21 @@ document.addEventListener("DOMContentLoaded", async () => {
     const userDropdown = document.getElementById("userDropdown");
     const openTabBtn = document.getElementById("openTabBtn");
 
-    // ===== 标签切换 =====
     const tabEs = document.getElementById("tabEs");
     const tabAi = document.getElementById("tabAi");
     const tabContentEs = document.getElementById("tabContentEs");
     const tabContentAi = document.getElementById("tabContentAi");
 
+    // ====== 标签切换 ======
     tabEs.onclick = () => {
+        log("切换到 ES 结果页");
         tabEs.classList.add("active");
         tabAi.classList.remove("active");
         tabContentEs.classList.add("active");
         tabContentAi.classList.remove("active");
     };
     tabAi.onclick = () => {
+        log("切换到 LLM 结果页");
         tabEs.classList.remove("active");
         tabAi.classList.add("active");
         tabContentEs.classList.remove("active");
@@ -70,47 +73,43 @@ document.addEventListener("DOMContentLoaded", async () => {
         }, 100);
     };
 
-    // ===== 新标签页打开 popup.html =====
+    function getQueryParam(name) {
-    if (openTabBtn) {
+        const url = new URL(window.location.href);
-        openTabBtn.onclick = () => {
+        return url.searchParams.get(name);
-            const url = chrome?.runtime?.getURL("pages/popup.html") || "popup.html";
-            try {
-                chrome?.tabs?.create({ url });
-            } catch {
-                window.open(url, "_blank");
-            }
-        };
     }
 
-    // ===== 状态变量 =====
+    const isNewTab = getQueryParam("from") === "newtab";
+
     let token = null;
     let currentPage = 1;
     let totalPages = 1;
     let lastKeywords = [];
 
-    // ===== 加载 token（带用户名）=====
     const auth = await loadToken();
     if (!auth) {
-        log("未认证，登出");
+        log("用户未认证，执行登出");
-        handleLogout();
+        return handleLogout();
-        return;
     }
     token = auth.token;
     userNameLabel.textContent = auth.username;
-    log("用户认证成功:", auth.username);
+    log("用户认证成功，用户名:", auth.username);
 
-    // ===== 搜索触发函数 =====
     async function triggerSearch() {
         const raw = input?.value?.trim();
-        if (!token || !raw) return;
+        if (!token || !raw) {
+            log("取消搜索：token 丢失或关键词为空");
+            return;
+        }
 
+        log("执行 triggerSearch，关键词:", raw, "是否新标签页:", isNewTab);
         updateHistory(raw);
-        renderHistoryTags();
+        renderHistoryTags(true);
+        if (!isNewTab) {
             fetchLLMAnswer(raw, llmResultContainer, llmResultContent);
+        }
         fetchResults(raw, 1);
     }
 
-    // ===== 搜索实现（含 ES + 分页）=====
     function parseKeywordGroups(inputStr) {
         return inputStr
             .trim()
@@ -128,6 +127,7 @@ document.addEventListener("DOMContentLoaded", async () => {
     }
 
     function clearResults() {
+        log("清空结果和历史区域");
         resultBox.innerHTML = "";
         llmResultContent.innerHTML = "";
         llmResultContainer.classList.add("hidden");
@@ -155,6 +155,7 @@ document.addEventListener("DOMContentLoaded", async () => {
     async function fetchResults(rawInput, page) {
         currentPage = page;
         lastKeywords = rawInput;
+        log("调用 fetchResults，关键词:", rawInput, "页码:", page);
         showLoading();
 
         const keywordGroups = parseKeywordGroups(rawInput);
@@ -174,12 +175,18 @@ document.addEventListener("DOMContentLoaded", async () => {
                 body: JSON.stringify(requestBody)
             });
 
-            if (response.status === 401) return handleLogout();
+            log("搜索接口响应状态:", response.status);
+
+            if (response.status === 401) {
+                log("token 已失效，执行登出");
+                return handleLogout();
+            }
 
             const data = await response.json();
             resultBox.innerHTML = "";
 
             if (!data.results || data.results.length === 0) {
+                log("无搜索结果");
                 resultBox.innerHTML = "<li>未找到相关文档</li>";
                 return;
             }
@@ -205,12 +212,13 @@ document.addEventListener("DOMContentLoaded", async () => {
 
             renderPagination();
         } catch (err) {
+            log("搜索请求异常:", err);
             resultBox.innerHTML = "<li>搜索失败，请检查网络或服务状态。</li>";
         }
     }
 
-    // ===== 历史记录 =====
     function updateHistory(keyword) {
+        log("更新搜索历史:", keyword);
         chrome.storage.local.get(["searchHistory"], (res) => {
             let history = res.searchHistory || [];
             history = [keyword, ...history.filter(item => item !== keyword)];
@@ -220,6 +228,7 @@ document.addEventListener("DOMContentLoaded", async () => {
     }
 
     function renderHistoryTags(show = false) {
+        log("渲染历史标签，是否显示:", show);
         chrome.storage.local.get(["searchHistory"], (res) => {
             const history = res.searchHistory || [];
             historyBox.innerHTML = "";
@@ -244,19 +253,40 @@ document.addEventListener("DOMContentLoaded", async () => {
         });
     }
 
-
+    // ====== DOM 事件绑定 ======
-    // ===== DOM 事件绑定 =====
+    searchBtn.addEventListener("click", () => {
-    searchBtn.addEventListener("click", triggerSearch);
+        log("点击搜索按钮");
-    input.addEventListener("keydown", e => e.key === "Enter" && triggerSearch());
+        triggerSearch();
+    });
+    input.addEventListener("keydown", e => {
+        if (e.key === "Enter") {
+            log("按下回车键");
+            triggerSearch();
+        }
+    });
     input.addEventListener("focus", () => renderHistoryTags(true));
-    input.addEventListener("input", () => !input.value.trim() && clearResults());
+    input.addEventListener("input", () => {
+        if (!input.value.trim()) {
+            log("输入清空，清除结果");
+            clearResults();
+        }
+    });
     input.addEventListener("blur", () => setTimeout(() => historyWrapper.classList.add("hidden"), 200));
     clearBtn.addEventListener("click", () => {
-        chrome.storage.local.remove("searchHistory", renderHistoryTags);
+        log("点击清空历史按钮");
+        chrome.storage.local.remove("searchHistory", () => renderHistoryTags());
+    });
+
+    logoutBtn?.addEventListener("click", () => {
+        log("点击退出登录按钮");
+        handleLogout();
+    });
+
+    userAvatar?.addEventListener("click", () => {
+        log("点击用户头像，切换菜单");
+        userDropdown.classList.toggle("hidden");
     });
 
-    logoutBtn?.addEventListener("click", handleLogout);
-    userAvatar?.addEventListener("click", () => userDropdown.classList.toggle("hidden"));
     window.addEventListener("click", (e) => {
         if (!userDropdown.contains(e.target) && e.target !== userAvatar) {
             userDropdown.classList.add("hidden");
@@ -267,6 +297,7 @@ document.addEventListener("DOMContentLoaded", async () => {
         const val = llmInput.value.trim();
         if (!val) return;
         llmInput.value = "";
+        log("发送 LLM 问题:", val);
         fetchLLMAnswer(val, llmResultContainer, llmResultContent);
     });
 
@@ -274,6 +305,20 @@ document.addEventListener("DOMContentLoaded", async () => {
         if (e.key === "Enter") llmSendBtn.click();
     });
 
-    // 首次展示历史
+    openTabBtn.onclick = () => {
+        const val = input?.value?.trim();
+        const encoded = encodeURIComponent(val || "");
+        const url = chrome.runtime.getURL("pages/popup.html?keywords=" + encoded + "&from=newtab");
+        log("点击新标签页按钮，跳转到:", url);
+        chrome.tabs?.create({ url });
+    };
+
+    const autoKeywords = getQueryParam("keywords");
+    if (autoKeywords) {
+        input.value = decodeURIComponent(autoKeywords);
+        log("检测到 URL 参数 keywords，自动搜索:", input.value);
+        triggerSearch();
+    }
+
     renderHistoryTags();
 });