hd-debug-tools

混沌大学h5 debugger工具。

Based on VConsole

Features

• view console logs
• view network requests
• view document elements
• view cookies/LocalStorage/SessionStorage
• view performance info
• Execute JS command manually
• Custom plugin
• error report

Usage

Or, install vim npm:

npm install hd-debug-tools

import to your project:

<script>
import { HDDT, init_sentry } from 'hd-debug-tools

created() {
    new HDDT({
        // ...config
    })
    // 异常上报
    init_sentry({
      tag: "xxx" // page_index
    });
}
</script>

Configure

|key|含义|类型|默认值| |----|:--:|--|--| |default_load_script|是否在页面最开始加载script|Boolean|true| |enable_body_entry|是否开启默认body的entry|Boolean|true| |enable_url_entry|是否开启url entry|Boolean|true| |url_entry_key|url入口 key|String|vconsole| |url_entry_value|url入口 value|String|show| |entry|自定义entry|String|null|

Changelog

changelog.md