Facebook Sonar:一款可视化及交互式移动应用调试工具

FacebookSonar是一款开源工具集,旨在帮助开发者以交互式方式检查和理解iOS及Android应用的结构与行为。Sonar基于Stetho构建,提供了一个插件API,可用于创建自定义插件来可视化和调试应用程序数据。

Facebook Sonar是一个开源工具集,旨在帮助开发人员以交互式和可扩展的方式检查和理解iOS及Android应用程序的结构和行为。

\\

根据Facebook工程师EmilSjölander的说法,Sonar基于Stetho的经验基础而构建,Stetho是一个Android调试桥,允许开发人员使用Chrome DevTools调试他们的应用程序,旨在设计出一个更加可扩展的工具,也可用在iOS平台上。但是,并非所有Stetho的功能在Sonar中都有对应项。因此,开发人员在某些情况下应继续使用Stetho,比如需要使用命令行工具来转储应用程序状态。

\\

在扩展性方面,Sonar提供了一个插件API,开发人员可以使用这组API创建自己的插件来可视化和调试应用程序数据。Sonar初始版本包含许多即用型插件,例如Logs用于检查应用程序的系统日志,Layout Inspector用于检查iOS和Android应用程序的布局,Network Inspector用于检查网络流量。这些只是Sonar提供的一些基本的功能。根据Sjölander的说法,Facebook工程师还开发了插件来监控GraphQL请求、跟踪性能标记等。

\\

要使用Sonar,移动应用程序需要集成Sonar SDK,Sonar SDK负责与基于Electron的桌面应用程序通信,以显示调试数据。Sonar插件包含了桌面和移动组件。桌面组件使用React编写,负责与远程插件进行通信并呈现数据。移动组件可以使用Swift/Objective-C或Java/Kotlin编写,并注册一些处理程序和响应来处理来自桌面组件的请求。

\\

39225c976e6d0e37dc2b05dd5ebb14bf.jpg

\\

项目中启用Sonar后,无论是使用Gradle还是CocoaPods,都可以很容易地在应用程序中初始化它,如下面的例子所示:

\\
\// Android\public class MyApplication extends Application {\\  @Override\  public void onCreate() {\    super.onCreate();\\    if (BuildConfig.DEBUG \u0026amp;\u0026amp; SonarUtils.shouldEnableSonar(this)) {\      final SonarClient client = AndroidSonarClient.getInstance(this);\      client.addPlugin(new MySonarPlugin());\      client.start();\    }\  }\}\
\\
\// iOS\#import \u0026lt;SonarKit/SonarClient.h\u0026gt;\\@implementation AppDelegate\\- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions\{\#if DEBUG\  SonarClient *client = [SonarClient sharedClient];\  [client addPlugin:[MySonarPlugin new]];\  [client start];\#endif\  ...\}\@end
\\

Sonar在iOS平台上的一个已知限制是它无法在Swift应用程序中运行。

\\

查看英文原文Facebook Sonar Is a Visual and Interactive Debugging Tool for Mobile Apps

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值