weex-devtool

Weex-Devtool

Weex CLI native debugger tool (https://github.com/alibaba/weex/blob/dev/doc/tools/devtools.md):

1. support android and ios;
2. could debug on device and emulator;
3. could inspect native Elements( Network, Console, Sources) and debug JS files;
4. could breakpoints and debug both JS files and native Java(Android)/C(IOS) files in the same active session.
5. support remote debugging, don't need USB connecting to PC.

Install

$npm install -g weex-devtool

usage

weex-devtool [options] [we_file|bundles_dir]

Options:

-h, --help           output usage information
-V, --verbose        display logs of debugger server
-v, --version        display version
-p, --port [port]    set debugger server port
-e, --entry [entry]  set the entry bundlejs path when you specific the bundle server root path
-m, --mode [mode]    set build mode [transformer|loader]

weex-devtool this command will start debug server and launch a chrome opening DeviceList page. this page will display a qrcode ,you can use Playground App scan it for starting debug.

weex-devtool your_weex.we this command will compile your_weex.we to your_weex.js and start the debug server as upon command. your_weex.js will deploy on the server.and the device list page will display another qrcode contain the url of your_weex.js

weex-devtool your/we/path -e index.we this. command will set your/we/path as the bundle server's root dir. you can visit all the .we file at your/we/path use -e can set the entry of these bundles. and the url of "index.we" will display on device list page as a qrcode

Debug

Android: pls refer to https://github.com/alibaba/weex/blob/dev/android/inspector/README.md

IOS: pls refer to https://github.com/alibaba/weex/blob/dev/ios/WXDevtool/README.md