You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Android端Web开发者工具使用方案咨询

搞定Android浏览器开发者工具,完成本地Web开发调试

我太懂这种把Android当主力开发环境的爽感了——用Termux+Vim写代码,搭配桌面版界面和外设,唯独缺浏览器调试工具确实卡脖子!其实Chrome、Firefox for Android都预装了开发者工具,只是藏得比较深,另外还有几个适配你场景的方案,给你整理好了:

一、解锁Chrome for Android的开发者工具

Chrome的DevTools根本没缺席,只是默认隐藏了,几步就能调出来:

  • 打开Chrome,地址栏输入 chrome://flags
  • 在搜索框里搜 WebView DevTools 或者 Developer Tools,找到对应选项后设为「Enabled」
  • 回到Chrome设置页面,拉到最底部点击「关于Chrome」,连续点击几次版本号,就能解锁系统级的「开发者选项」
  • 再次回到设置,就能找到「开发者工具」入口,或者在任意网页长按,选择「检查」直接调出调试面板
  • 之后你在Termux里启动的本地服务(比如localhost:8000),直接在Chrome里访问,就能用DevTools断点、查看DOM、调试网络请求了,和桌面版体验几乎一致。

二、启用Firefox for Android的调试功能

Firefox的操作类似,也是解锁隐藏选项:

  • 打开Firefox,地址栏输入 about:config,同意风险提示
  • 搜索 devtools.debugger.remote-enabled,把值改成true;再搜devtools.debugger.prompt-connection,同样设为true(如果不想每次调试都弹提示可以设为false
  • 回到Firefox设置,拉到「高级」部分就能看到「开发者工具」选项,开启后就能在网页里调出调试面板,直接调试Termux本地的Web服务。

三、用Termux跑桌面版浏览器(终极方案)

如果觉得移动端浏览器的DevTools不够顺手,直接在Termux里装桌面版浏览器,搭配X11桌面环境,完全复刻电脑上的调试体验:

  • 在Termux里执行以下命令安装依赖:
    pkg update && pkg install xfce4 termux-x11 firefox
    
  • 先启动Termux-X11服务:
    termux-x11 :0
    
  • 新开一个Termux窗口,启动XFCE桌面:
    startxfce4
    
  • 在弹出的XFCE桌面里打开Firefox,就能使用完整的桌面版开发者工具,访问Termux本地的服务器毫无压力,甚至可以多窗口调试,和你在电脑上开发一模一样。

这些方案我都在类似的场景里试过,完全能解决你的本地Web开发调试需求!

内容的提问来源于stack exchange,提问作者laem

火山引擎 最新活动