Facebook Stetho库不适用于检查UI

Question

我的项目被正确配置为使用Stetho。而且它之前是有效的。

但是现在，当我检查我的应用程序的UI检查(元素部分)时，它不工作。而其他部分可以工作，比如参考资料。

DevTools还显示了我的应用程序的屏幕，但元素部分是空的。我不知道哪些更改禁用了stetho元素。

Stetho和Chrome之间有冲突吗？如果是，哪些版本是兼容的？目前我使用的是stehto 1.4.2和chrome v55。

任何解决方案都将不胜感激。提前谢谢。

Answer 1

为了实现用于Retrofit的singleton设计模式以及Stetho Network Interceptor实例，请参阅以下代码：

public class ApiClient extends Application {

    private static ApiClient apiClient = null; //singleton Object
    String apiURL = "http://your.url/";


    public static ApiClient getApiClient() {//getter for object
        if (apiClient == null)
            apiClient = new ApiClient();
        return apiClient;
    }

    @Override
    public void onCreate() {
        super.onCreate();
        Stetho.initializeWithDefaults(this);
    }

    public Retrofit getClient() {//Retrofit instance
        int myTime = 15;
        OkHttpClient.Builder okHttpBuilder = new OkHttpClient.Builder()
                .connectTimeout(myTime, TimeUnit.SECONDS)
                .readTimeout(myTime, TimeUnit.SECONDS)
                .writeTimeout(myTime, TimeUnit.SECONDS)
                .addNetworkInterceptor(new StethoInterceptor());

        Retrofit.Builder builder = new Retrofit.Builder()
                .baseUrl(apiURL)
                .client(okHttpBuilder.build())
                .addConverterFactory(GsonConverterFactory.create());
        return builder.build();
    }
}

现在要使用retrofit，请参阅以下代码：

LoginDTO loginDTO = new LoginDTO(
            etPhno.getText().toString().trim(),
            etPass.getText().toString().trim()
    );

ApiService service = ApiClient.getApiClient().getClient().create(ApiService.class);
Call<LoginResp> call = service.loginAPI(loginDTO);
call.enqueue(new Callback<LoginResp>() {

    @Override
    public void onResponse(Call<LoginResp> call, Response<LoginResp> response) {

        LoginResp loginResp = response.body();

    }

    @Override
    public void onFailure(Call<LoginResp> call, Throwable t) {

        Toast.makeText(Login.this, "Error here", Toast.LENGTH_SHORT).show();
    }
});

在ApiService接口中，像这样声明函数：

    @POST("login")
    Call<LoginResp> loginAPI(@Body LoginDTO loginDTO);

LoginDTO类是这样的：

public class LoginDTO {
    @SerializedName("log_phno")
    @Expose
    private String user;

    @SerializedName("log_pass")
    @Expose
    private String pass;

    public LoginDTO(String user, String pass) {
        this.user = user;
        this.pass = pass;
    }

    public String getUser() {
        return user;
    }

    public String getPass() {
        return pass;
    }
}

现在是最重要的部分，转到清单文件，在<application>标记下，在单例类名前面加上一个点(.)如下所示：

android:name=".Controller.ApiClient"

最后，要看到Stetho Interceptor的魔力，请运行您的应用程序，打开Google Chrome并输入chrome://inspect/