手机上怎么调试网页控制台输出? Good“庆芳 提问于 2026-03-04 15:43:15 阅读 4 移动 我用手机浏览器打开自己写的H5页面,想看console.log输出,但根本看不到控制台,有啥办法能无线调试吗? 试过用Chrome DevTools的远程调试,但连上USB后设备列表里没我的手机,而且项目部署在本地localhost:3000,手机又访问不了。 我来解答 赞 1 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 司马晨羲 Lv1 别折腾Chrome那套远程调试了,坑多费事。直接用vConsole,在html里引个cdn链接,手机上就能直接看控制台和Network,贼好用。 手机访问localhost,把localhost换成你电脑的局域网IP就行,比如192.168.1.x:3000,手机连同一个WiFi就能访问。记得把webpack或者vite的host配置改成0.0.0.0,不然可能被拦截。 <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script> 回复 点赞 2026-03-04 16:03 加载更多 相关推荐 1 回答 13 浏览 H5页面在手机上USB调试时怎么打开控制台? 我用USB连接了安卓手机,开了开发者模式和USB调试,在Chrome里输入chrome://inspect也能看到设备,但点进去后控制台是空的,根本没法看console.log输出,这是为啥? 我试过... Des.淑宁 移动 2026-03-03 00:32:18 2 回答 27 浏览 Safari调试时为什么无法在控制台看到console.log输出? 我在用Safari调试移动端网页时,明明写了console.log('测试'),但控制台完全没反应,折腾了一下午没解决。之前用Chrome没问题,换到Safari后: 1. 已经在设置里打开了「开发」... 慧娜 Dev 移动 2026-02-17 19:42:26 1 回答 10 浏览 Eruda在移动端不显示调试面板是怎么回事? 我在手机上用 Eruda 调试页面,但加载后完全看不到那个小虫子图标,控制台也出不来。本地开发环境是 Vite + Vue3,已经按文档引入了: import eruda from 'eruda' e... 令狐俊鑫 移动 2026-03-03 05:20:21 2 回答 28 浏览 vConsole在移动端调试时控制台信息不显示怎么办? 我在手机H5页面集成vConsole后,正常调用了console.log,但控制台里就是没反应。按照文档写的是这样: import VConsole from 'vconsole'; const co... 程序员佳丽 移动 2026-02-07 09:08:21 2 回答 67 浏览 安卓手机连接电脑远程调试时设备一直无法识别怎么办? 用USB线连安卓手机和电脑做Chrome远程调试时,设备始终显示为空。已经开了开发者选项和USB调试,换了数据线和端口也不行,adb devices也检测不到设备,这是哪里出问题了? 之前按教程操作过... 欣怡 ☘︎ 移动 2026-01-29 08:43:27 1 回答 7 浏览 Xcode真机调试时白屏,控制台报错“Failed to load resource”怎么办? 我在用Xcode跑一个React Native项目到iPhone真机,页面一直白屏,控制台显示Failed to load resource: The requested URL was not fo... 文华🍀 移动 2026-03-01 21:27:18 2 回答 14 浏览 Chrome DevTools 远程调试安卓真机时页面空白怎么办? 我用 USB 连接了安卓手机,开了 USB 调试和 WebView 调试,也在 Chrome 地址栏输入了 chrome://inspect,能看见设备和页面,但点进去后 DevTools 里全是空白... ♫志鸣 移动 2026-02-24 23:51:18 1 回答 11 浏览 Eruda在移动端不显示控制台面板是怎么回事? 我在用 Eruda 做移动端调试,按文档引入了脚本,但在手机浏览器里完全看不到那个小面板。本地开发环境是 Vite + Vue3,试过真机扫码和 Chrome 模拟器都不行,控制台也没报错。 代码是这... 码农统宇 移动 2026-02-23 23:21:19 2 回答 37 浏览 Charles证书安装后手机浏览器仍显示不安全怎么办? 刚用Charles抓手机微信网页版的请求,按教程安装了Charles CA证书,手机显示安装成功。但打开微信里的测试网站时还是提示证书不信任,红色感叹号警告。已经试过清除缓存、重启手机和Charles... 光磊(打工版) 前端 2026-02-14 18:39:25 2 回答 60 浏览 为什么手机真机调试时断点无法触发? 在用Chrome DevTools连接手机调试Vue页面时,给按钮点击事件加的断点总是失效。代码执行了但断点没停,我试过重启手机和开发者模式也没用... <template> <bu... 志诚 ☘︎ 移动 2026-02-13 22:46:29
手机访问localhost,把localhost换成你电脑的局域网IP就行,比如192.168.1.x:3000,手机连同一个WiFi就能访问。记得把webpack或者vite的host配置改成0.0.0.0,不然可能被拦截。