You need to enable JavaScript to run this app.
导航
Web DevTools
最近更新时间:2025.05.30 14:09:33首次发布时间:2025.05.29 16:08:31
我的收藏
有用
有用
无用
无用

如何使用

首次需要调试的页面URL加上open_devtool_web=true和app_id=xxxx,后续可以不用再加参数即可访问。

注意

插件主体是远程加载的js,不需要额外安装,也不需要担心影响包体积

Demo:

需要调试的页面地址: 'https://www.xxx.com?open_devtool_web=true&app_id=xxxx'

window.collectEvent('init', {
  //...
  enable_debug: true 
  // ...
});

访问加上参数的页面即可在页面开启调试功能,页面右下角会有图标展示,点击图标即可打开面板。

如何关闭

修改代码

  1. 删除url上添加的参数。
  2. 删除localStorage里__applog_open_devtool_web的key。

修改代码

参考下方的代码。

window.collectEvent('init', {
  //...
  enable_debug: false 
  // ...
});

功能展示

埋点列表

埋点列表进行了改版,包括UI和功能上的升级。

说明

  1. 整体展示

说明

  1. 展示埋点名称,时间,类型

说明

  1. 埋点状态:
    1. 绿色代表上报成功
    2. 红色代表上报失败

说明

  1. 埋点属性明细:
    1. 点击埋点卡片,展示属性明细
    2. 失败埋点的属性明细中会展示详细失败原因

说明

  1. 关注埋点,代表我只想看某些埋点 👉
    1. 点击卡片右侧...,在下拉菜单中添加此埋点未关注/取消关注
    2. 已关注埋点,用❤标识。
    3. 点击手动输入关注埋点可批量增加和删除埋点。
    4. 选择只看关注埋点,则列表只展示已关注的埋点

说明

  1. 关注埋点数量统计 👉

说明

  1. 搜索和删除埋点 👉

应用信息:

说明

  1. 基本信息区域 👉

说明

  1. 用户信息区域 👉

说明

  1. 公共参数信息,展示当前浏览器等信息 👉

说明

  1. 其他功能开启的配置区域 👉

SDK运行日志:

SDK运行日志也对UI进行了升级,并可以展示更多SDK生命周期和调用日志。

说明

  1. 展示调用SDK执行日志 👉
    1. API调用日志
    2. SDK内部运行日志
    3. SDK发请求的日志

说明

  1. 点击卡片展示日志详情 👉

说明

  1. 展示异常信息 👉