https://github.com/dlhandsome/we-debug

微信小程序调试工具
https://github.com/dlhandsome/we-debug

Last synced: 11 months ago
JSON representation

微信小程序调试工具

• Host: GitHub
• URL: https://github.com/dlhandsome/we-debug
• Owner: dlhandsome
• License: mit
• Created: 2020-03-09T14:59:09.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2025-03-11T10:10:14.000Z (about 1 year ago)
• Last Synced: 2025-03-29T02:06:41.443Z (12 months ago)
• Language: JavaScript
• Homepage: https://dlhandsome.github.io/we-debug
• Size: 1.2 MB
• Stars: 51
• Watchers: 2
• Forks: 18
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-wechat-app - we-debug - 一款灵活、易于拓展的微信小程序调试工具 (组件)
• awesome-wechat-app - we-debug - 一款灵活、易于拓展的微信小程序调试工具 (组件)
• awesome-wechat-weapp - we-debug - 一款灵活、易于拓展的微信小程序调试工具 (组件)

README

          










  

we-debug


[![Build Status](https://travis-ci.com/dlhandsome/we-debug.svg?token=PfDv3SxcBYsJDq3kuspS&branch=master)](https://travis-ci.com/dlhandsome/we-debug) [![npm-version](https://img.shields.io/npm/v/@we-debug/core.svg)](https://www.npmjs.com/package/@we-debug/core) ![npm](https://img.shields.io/npm/dt/@we-debug/core)

一款灵活、易于拓展的小程序端调试工具



## 功能 

- 网络请求抓包

- 错误日志抓取

- 路由信息获取

- UI对比

- ...

## 安装

```bash

npm install @we-debug/miniprogram --save

```

## 使用

1. 在 json 配置中添加 we-debug 组件声明

```json

{

  "usingComponents": {

    "we-debug": "@we-debug/miniprogram/index/index"

  }

}

```

2. 在页面 wxml 中创建 we-debug 组件

```html

```

3. 在 app.js 中初始化 we-debug 相关配置

```javascript

const weDebug = require('@we-debug/miniprogram')

weDebug.init()

```

## 在线体验









## 插件列表

- [自定义页面跳转](./packages/runtime/plugin-navigate)

## 相关链接

- [文档 · Document](https://dlhandsome.github.io/we-debug/#/)

- [开源协议 · The MIT License](http://opensource.org/licenses/MIT)

- [代码示例 · Example](https://github.com/dlhandsome/sail-laboratory/tree/master/miniprogram/pages/we-debug)