跳到主要内容

Weda DevTools

微搭低代码浏览器调试工具，可以调试微搭低代码的 web 应用，查看应用的运行状态、数据请求、调试代码和查看完整配置

Github

Weda DevTools

https://github.com/TencentCloudBase/weda-devtools

支持浏览器​

  • 桌面版 Chrome
  • 桌面版 Edge

安装方式​

方式 1：Chrome Web Store 安装​

通过 Chrome Web Store 一键安装，支持自动升级

方式 2：手动下载安装​

适合 Edge 浏览器或者无法打开 Chrome Web Store 的场景，无法自动升级

image
  • 从Release 页面下载扩展的 zip 包，在本地进行解压
  • 浏览器打开 chrome://extensions 页面
  • 开启开发者模式
  • 点击加载已解压的扩展程序，选择第一步解压的文件夹

使用方式​

安装扩展之后，支持调试以下几种应用

  • 微搭编辑器开发中的应用
  • 微搭编辑器中分享出来的实时预览链接
  • 发布后的 Web 应用（只支持调试默认域名，自定义域名下的应用不支持调试）

打开 Chrome 开发者工具

  • 在 Chrome 菜单中选择更多工具 > 开发者工具
  • 在页面元素上右键点击，选择 “检查”
  • 使用快捷键 Ctrl+Shift+I（Windows）或 Cmd+Opt+I（Mac）

然后找到微搭开发者工具面板进行调试

功能介绍​

imageimageimage

升级日志​

详细更新日志：https://github.com/TencentCloudBase/weda-devtools/releases

V1.3.0​

更新内容：

  • 支持通过 DevTools 点选页面来实现查找微搭组件节点

V1.2.0​

更新内容：

  • 支持调试发布后的应用以及编辑器中开发中的应用
  • 支持显示组件 CSS 配置
  • 优化界面 UI 展示

V1.1.0​

更新内容：

  • 支持查看数据变量和 query 的运行状态
  • 新增查看应用完整的 JSON 配置
  • 修复不兼容新增的布局能力的问题
  • 修复运行值偶现错乱的问题
  • 移除不必要的 开发权限申请

V1.0.0-alpha.1​

  • 支持基本功能
  • 支持调试实时预览页面