vConsole-MCP让AI直读H5日志，开发者跨端调试效率提升

在移动互联网时代，跨端H5开发已成为前端工程师的日常挑战。从安卓到iOS，从鸿蒙到小程序，不同平台间的差异导致调试过程繁琐且低效。传统的vConsole工具虽然解决了部分问题，但在AI时代仍显原始——开发者需要手动截图、复制错误信息并描述问题，才能让AI进行分析。

为解决这一痛点，开发者JustHappy推出了vConsole-MCP项目。该项目的核心在于为vConsole增加一个MCP（Mobile Console Panel）面板，使AI能够直接读取手机页面的日志和网络请求数据。用户只需在手机上输入电脑的IP、端口和配对Token，即可建立连接，Agent便能自动获取所需信息。

vConsole-MCP目前提供四个主要功能：

list_pages：列出所有连接到电脑的H5页面，包括页面ID、URL、标题、User-Agent等信息，方便快速定位目标页面；

get_console_logs：读取vConsole捕获的各类日志（Log、Info、Debug、Warn、Error），支持按数量和级别筛选；

get_network_requests：获取Fetch/XHR请求详情，包括失败请求、URL关键字筛选、状态码、耗时、Headers以及请求/响应体；

execute_javascript：在用户授权后，在目标页面中执行JavaScript代码，用于读取页面信息或修改页面状态。

与传统调试方式相比，vConsole-MCP的优势在于其自动化程度高、操作简便。开发者无需每次手动截图或复制错误信息，也不需要搭建复杂的云端调试平台。整个过程只需三步：拉取带MCP面板的vConsole、构建vConsole-MCP项目、引入调试页面并建立连接。

值得注意的是，vConsole官方目前不提供MCP连接能力，因此需要使用Simonmie/vConsole的dev分支。此外，由于JavaScript执行可能影响页面状态，该功能默认关闭，仅在必要时开启。

"这项技术不仅提升了调试效率，更重要的是为AI辅助开发提供了新的可能性。"JustHappy表示，"未来我们计划进一步扩展功能，例如集成更强大的AI分析能力，让Agent不仅能读取数据，还能主动提出解决方案。"

随着vConsole-MCP项目的推广，预计将为跨端H5开发领域带来显著变革，特别是在AI辅助开发日益普及的背景下，这一创新方案有望成为开发者的新宠。