返回 Skill 列表
extension
分类: 开发与工程无需 API Key

openwebf-app-debugging-devtools

使用Chrome DevTools(控制台/网络/元素)和JS端故障排查来调试WebF应用程序运行时问题。当用户提到DevTools控制台、网络标签页、堆栈跟踪、空白屏幕、布局测量问题或失败的网络请求时,请使用此方法。

person作者: jakexiaohubgithub

OpenWebF App: Debugging with DevTools

Instructions

  1. Reproduce and capture signals first: console output, network tab, and any error stack.
  2. Use DevTools for:
    • DOM/console debugging
    • network request inspection
    • performance profiling
  3. Apply minimal fixes; prefer targeted logging and small repro steps.
  4. Use MCP docs to confirm known issues and recommended debugging practices.

If the user’s question is specifically about WebF Go connection/log collection (e.g. devtools:// or WEBF_NATIVE_LOG), prefer openwebf-app-webf-go.

If the user’s issue is dev server reachability / LAN IP / HMR websocket problems, prefer openwebf-app-devserver-network.

More: