嘿，兄弟！移动端调试工具Flipper了解一下

栏目: IOS · Android · 发布时间: 5年前

内容简介：Flipper是facebook开源的一个面向移动端（Android/iOS）开发者的桌面调试平台。开源地址:

debug

什么是Flipper

Flipper是facebook开源的一个面向移动端（Android/iOS）开发者的桌面调试平台。

开源地址: https://github.com/facebook/flipper

官网地址: https://fbflipper.com/

它分为两个部分

macOS的桌面应用程序（目前仅支持macOS）
Android和iOS的原生SDK

桌面部分

可以在 github 下载最新版，当我们在Android或iOS应用中集成好SDK之后，打开桌面应用，可以看到如下窗口，目前它有几个内置的插件，分别是：

Logs
Layout Inspector
Network
Sandbox
Shared Preferences
LeakCanary
Crash Reporter Plugin

嘿，兄弟！移动端调试工具Flipper了解一下

注意：除了内置的插件之外，也可以自己开发插件，实现定制的功能

Android SDK集成

1、添加依赖

debugImplementation 'com.facebook.flipper:dolphin:0.14.1'
debugImplementation 'com.facebook.soloader:soloader:0.5.1'

debugImplementation 'com.squareup.leakcanary:leakcanary-android:1.6.1'
releaseImplementation 'com.squareup.leakcanary:leakcanary-android-no-op:1.6.1'

implementation 'com.squareup.okhttp3:okhttp:3.6.0'

2、启用插件

其中Log默认是打开的无需添加，其他需要通过代码来启用，关键代码如下：

...
final FlipperClient client = AndroidFlipperClient.getInstance(this);

//Network插件
final NetworkFlipperPlugin networkPlugin = new NetworkFlipperPlugin();
final FlipperOkhttpInterceptor interceptor = new FlipperOkhttpInterceptor(networkPlugin);
client.addPlugin(networkPlugin);

//Inspector插件
client.addPlugin(new InspectorFlipperPlugin(this, DescriptorMapping.withDefaults()));

//Sandbox插件
client.addPlugin(new SandboxFlipperPlugin(new SandboxFlipperPluginStrategy() {
    @Nullable
    @Override
    public Map<String, String> getKnownSandboxes() {
        Map map = new HashMap();
        return map;
    }

    @Override
    public void setSandbox(@Nullable String sandbox) {

    }
}));

//SP插件
client.addPlugin(new SharedPreferencesFlipperPlugin(this, "flipper_shared_preference"));

//LeakCanary插件
client.addPlugin(new LeakCanaryFlipperPlugin());

//CrashReporter插件
client.addPlugin(CrashReporterPlugin.getInstance());

client.start();
...