debugger-tool-for-Apache-Weex
debugger-tool-for-Apache-Weex copied to clipboard
weexteam
Developer tool for debugging weex app with chrome devtool. This tool is a third party plugin, and is not developed nor maintained by Apache Weex.
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 |
| --remotedebugport | set the remote debug port |
| --min | minimize the jsbundle |
start debugger
$ weex debug
NOTE： Since
[email protected],weex debugcommand have been replace withweex-debugger, you can startweex-debuggerjust usingweex debugcommand, if you want to useweex-debuggerbelow[email protected], you can binding command usingweex xbind [command] weex-debuggerto 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
Release Note
CHANGELOG.md
weexteam