Hd-debug-tools NPM

hd-debug-tools

混沌大学h5 debugger工具。

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