vue3项目运行后,360安全浏览器控制台输出[vitesse-webext] Hello world from content scrip和[immersive-translate] 未知的视频网站
你提到的两条控制台信息([vitesse-webext] Hello world from content script111 和 [immersive-translate] 未知的视频网站)通常不是你Vue3项目源码的一部分,它们很可能来自浏览器安装的扩展插件。
由于360安全浏览器基于Chromium内核,它可以安装Chrome扩展。这些扩展的Content Script(内容脚本)会在页面加载时自动注入并执行,并向控制台输出信息。
🤔 两条信息的具体来源
-
[vitesse-webext] Hello world from content script111:
这条信息很可能来自一个名为 "Vitesse WebExt" 或类似名称的浏览器扩展。Vitesse是一个流行的Vite+Vue3启动模板,有人可能用它开发了浏览器扩展。这个扩展的Content Script在被注入到页面后,执行了console.log。 -
[immersive-translate] 未知的视频网站:
这条信息几乎可以确定来自 "沉浸式翻译" 这款非常受欢迎的浏览器扩展。它功能强大,支持双语网页翻译、PDF翻译、视频字幕翻译等。当它尝试识别当前网页的视频平台以便提供字幕翻译但未能成功匹配时,就会输出这条调试信息,告知用户它无法在当前网站提供视频翻译功能。
🔧 如何处理这些信息
这些信息大多是扩展出于调试、通知或状态报告目的输出的,一般不会影响你网页的正常功能。如果你觉得这些信息干扰了你自己代码的调试,可以通过以下方式处理:
-
确认来源(可选但推荐):
-
打开360安全浏览器的扩展管理页面。你可以在浏览器地址栏输入
chrome://extensions/或edge://extensions/并回车访问。 -
在这个页面中,暂时逐个禁用你安装的扩展,然后刷新你的Vue3项目页面,观察控制台信息是否消失。这样可以帮你最终确认是哪个扩展输出的信息。
-
-
无视它:如果你确认这些扩展输出信息不影响你的开发和页面功能,最简单的方法就是忽略它们。
-
过滤控制台输出:大多数浏览器的开发者工具都提供了过滤功能。
-
你可以在控制台面板的筛选框(Filter)中输入
-[vitesse-webext] -[immersive-translate](负号表示排除包含这些文字的日志)。 -
这样就能屏蔽来自这两个扩展的特定信息,让你更专注于自己代码输出的日志和错误。
-
https://cdn.sspai.com/2025/09/17/6cbf056c3bfb4c5e2d4e2c6845a0b2a6.png
-
暂时停用或卸载扩展:如果你纯粹是为了开发调试,不需要这些扩展的功能,可以考虑在扩展管理页面直接停用或卸载它们。这是最彻底的方法。
💡 如何避免扩展脚本干扰开发
为了避免浏览器扩展在你开发时带来不必要的干扰,你可以:
-
使用无痕(隐私)窗口:在无痕模式下打开你的开发页面。大多数浏览器的无痕模式默认会禁用所有扩展(除非你手动设置允许),这样就能得到一个“干净”的环境。
-
使用独立的浏览器Profile:为开发专门创建一个新的浏览器用户配置文件(Profile),不在此Profile中安装任何扩展,专门用于开发和调试。
更多推荐


所有评论(0)