codecamp

Weex 开始调试

在调试开始前,请确保安装了调试应用的手机与PC处于同一局域网下,同时关闭VPN等代理设置,否则将无法正常进行调试,同时,我们在使用功能时,尽量保证其他功能为关闭状态,如在使用​JS调试​功能时将无关的​网络审查​功能关闭,将会有更好的开发体验。

调试需要使用集成了Weex调试工具的APP进行扫码调试,相关文档可参考:

[1] Android Weex Detool集成文档。

[2] iOS Weex Detool集成文档。

你也可以使用Weex官方提供的Playground App进行代码调试,下载地址见:Weex Playground

回到调试二维码页面,用应用的扫码功能进行扫码,即可进入调试控制台,如图所示:

调试控制台

初次进入调试界面会有提示界面引导你了解调试中会使用的相关功能,对于首次使用调试工具的开发者建议完整看完所有提示。

JS调试

开启​JS调试​功能即可进入Weex代码调试模式,如图所示:

JS调试

日志等级

通过控制台及日志等级选项对日志进行筛选过滤,保留你关注的日志内容,如图所示:

日志等级

网络审查

开启​网络审查​功能可以查看应用的网络请求信息,对页面的请求进行有效的分析,如图所示: 网络审查

节点审查

节点审查模式下会发送大量的页面信息,默认情况下为开启状态,在页面较为复杂的情况下,我们一般建议通过重置台的预览按钮关闭该功能,否则可能会影响到JS调试相关功能的速度。

通过选择​切换视图​选项可切换当前视图的显示情况,可对页面的视图层级进行对应分析,如图所示:

节点审查

拓展功能

以下拓展功能需在​JS调试​功能开启并且处于Weex页面内才可使用。

快速导航

快速导航

#文件替换

点击控制台顶部的 ​环境设置​ 菜单,可针对weex页面运行的依赖文件进行修改替换,修改完成后依次点击​生成文件​ -> ​更改设置​ 即可对运行环境进行替换。

环境设置



Weex 运行
Weex 扩展Android能力
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Weex 调试

Weex 集成Devtool到Android

Weex 集成Devtool到IOS

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }