# Zdebug.js

**Repository Path**: oi-contrib/Zdebug.js

## Basic Information

- **Project Name**: Zdebug.js
- **Description**: 移动端调试工具
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://oi-contrib.github.io/Zdebug.js/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-04
- **Last Updated**: 2026-03-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vconsole, debug, zdebug

## README

# Zdebug.js
移动端调试工具，支持typescript开发

<p>
    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=zdebug.js&interval=7">
        <img src="https://img.shields.io/npm/dm/zdebug.js.svg" alt="downloads">
    </a>
    <a href="https://www.npmjs.com/package/zdebug.js">
        <img src="https://img.shields.io/npm/v/zdebug.js.svg" alt="Version">
    </a>
    <a href="https://github.com/zxl20070701/Zdebug.js" target='_blank'>
        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/zxl20070701/Zdebug.js?style=social">
    </a>
</p>

<img src="https://nodei.co/npm/zdebug.js.png?downloads=true&amp;downloadRank=true&amp;stars=true" alt="NPM">

## 如何使用？

首先需要进行安装：

```
npm install --save-dev zdebug.js
```

然后在项目中引入：

```js
import Zdebug from 'zdebug.js'
Zdebug()
```

当然，你也可以使用CDN的方式：

```html
<script src="https://unpkg.com/zdebug.js"></script>
```

然后，在代码开头启动：

```js
Zdebug()
```

<table>
    <!-- <thead>
        <tr>
            <td>Console</td>
        </tr>
    </thead> -->
    <tbody>
        <tr>
            <td><img src="./snipping/console.png" /></td>
        </tr>
    </tbody>
</table>

### 配置项

> v0.2.0 新增

为了更好的和不同环境融合，你还可以通过下面的配置进行调整：

```js
Zdebug({

    // 可选，表示工具的css属性z-index，默认9999999
    zIndex: number
})
```

## 版权

MIT License

Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步