确定WebView是否仅使用JS是不可见的

Question

我有一个带有webView的Android测试应用程序,如下所示:

<WebView
        android:alpha="0"
        android:id="@+id/myWebView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

我的主要活动加载了一个我运行JS内容的页面.使用JS启用JS:

webSettings.setJavaScriptEnabled(true);

我的应用程序上有一个按钮,可以将alpha值从0切换为1(显示/隐藏webView).

是否有任何"创造性"方式来检测JS方面的变化？

我试过的事情:

• 检查requestAnimationFrame帧速率的变化.
• 可见性API

更新:

澄清,我正在寻找一个JS Only解决方案,实际的JS代码是在WebView环境中使用的SDK.

我无法控制Android应用程序,完全控制WebView内容.

Answer 1

您可以继承 android 的子类WebView，重写其setAlpha方法并添加一些逻辑以使网页知道当前的 alpha 值。

这是一个简化的示例：

import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.webkit.WebView;

public class MyWebView extends WebView {

    public MyWebView(Context context) {
        super(context);
        init();
    }

    public MyWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MyWebView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    public MyWebView(Context context,
                     AttributeSet attrs,
                     int defStyleAttr,
                     int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init();
    }

    @SuppressLint("SetJavaScriptEnabled")
    private void init() {
        getSettings().setJavaScriptEnabled(true);
    }

    @Override
    public void setAlpha(float alpha) {
        super.setAlpha(alpha);
        propagateAlphaToWebPage(alpha);
    }

    private void propagateAlphaToWebPage(float alpha) {
        // setWebViewAlpha is a JS function that should be defined in your html's js 
    String jssnippet = "setWebViewAlpha("+alpha+");";
    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
        evaluateJavascript(jssnippet, null);
    } else {
        loadUrl("javascript:"+jssnippet);
    }
}
}

您可能会发现有帮助的其他相关问题：

• Android WebView-检测是否定义了JS函数
• Android 在WebView中调用JavaScript函数
• 使用 XML 声明自定义 Android UI 元素