weex-debugger
v1.3.5
Published
weex developer tool for debugging weex app with chrome devtool
Downloads
303
Readme
Weex-debugger
Weex-debugger is a Weex developer tool for debugging weex app with chrome devtool, it's an upgraded version of weex-devtool.
The weex-debugger works as a debugging server, it cooperates with the inspect modules on Android and iOS to help user to inspect/debug weex source codes and project.
New Features
- Added weex performance analysis tools,only supports sdk version higher than 0.17.0.
- Merge debug logs from debugger and inspector.
- Using the server headless provides weex execution environment.
- Support for simple i18n.
Install
$npm install -g weex-toolkit
We advise you to use weex-toolkit which will call weex-devtool.
usage
$ weex debug [options] [vue_file|bundles_dir]
| Options | Description | | :--- | :--- | | -v, --version | display version | | -h, --help | display help | | -V, --verbose | display logs of debugger server | | -p, --port [port] | set debugger server port | | -m, --manual | manual mode,this mode will not auto open chrome | | -H --host [host] | set the host ip of debugger server | | --debug | set log level to debug mode | | --loglevel [loglevel] | set log level silent|error|warn|info|log|debug | | --remotedebugport | set the remote debug port | | --min | minimize the jsbundle |
start debugger
$ weex debug
NOTE: Since
[email protected]
,weex debug
command have been replace withweex-debugger
, you can startweex-debugger
just usingweex debug
command, if you want to useweex-debugger
below[email protected]
, you can binding command usingweex xbind [command] weex-debugger
to binding command into yourweex-toolkit
.
This command will start debug server and launch a chrome opening DeviceList
page.
this page will display a QR code, you can use Playground scan it for starting debug or integrate [Weex devtools](#Integrate devtool) into your application.
debug with .vue
file
$ weex debug your_weex.vue
This command will compile your_weex.vue
to your_weex.js
and start the debug server as upon command.
your_weex.js
will be deployed on the server and displayed on the debug page, using another QR code for debugging your_weex.js
file.
start debugger with a directory of vue files
$weex debug your/vue/path -e index.vue
This command will compile each of the files in your/vue/path
and deploy them on the bundled server with the new file mapped to the path http://localhost:port/weex/
.
How to access devtools in native
Android: pls refer to Weex Devtool Android
IOS: pls refer to Weex Devtool IOS