Moodle插件移动端Javascript中console.log输出位置排查

输出位置及排查步骤 #

• Chrome调试工具的WebView进程：在chrome://inspect/#devices中，找到Moodle应用对应的WebView进程（进入课程页面后刷新列表），点击inspect打开DevTools的Console面板，这里会直接显示console.log的输出。注意要在进入目标课程页面后再打开调试，避免错过日志触发时机。
• 调整ADB Logcat过滤规则：WebView的日志不会直接匹配你输出的字符串标签，改用更精准的WebView日志过滤命令：

  adb logcat chromium:* *:S
  

  你的Debug_test会被包裹在WebView的日志条目里，可在输出结果中搜索该字符串。
• 验证JS代码是否执行：在add_styling.js中添加错误抛出代码：

  throw new Error("Flexsections JS test error");
  

  若Chrome DevTools或Logcat中出现该错误，说明代码已加载，否则需检查mobile.php中JS文件的路径是否正确。
• 开启应用开发者选项：在Moodle应用设置中，多次点击版本号开启开发者选项，启用「WebView调试」和「日志输出」功能，确保应用允许WebView日志被捕获。

你清除用户数据的操作已确保缓存更新，优先排查Chrome DevTools的Console面板，这是WebView console.log最直接的输出渠道，Logcat可能因日志级别或过滤规则遗漏信息。

内容的提问来源于stack exchange，提问作者egp_s2s