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

标签 javascript android google-chrome android-webview alpha

我有一个带有 webView 的 Android 测试应用程序:

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

我的主要 Activity 加载了一个页面,我正在运行 JS 内容。 JS 启用使用:

webSettings.setJavaScriptEnabled(true);

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

是否有任何“创造性”的方法来检测 JS 端的变化?

我尝试过的事情:

更新:

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

我无法控制 Android 应用,完全控制 WebView 内容。

最佳答案

您可以子类化 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);
    }
}
}

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

关于javascript - 仅使用 JS 确定 WebView 是否不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50721218/

相关文章:

javascript - 使用 Grunt 为不同的环境更改 JS 变量

Javascript WebSocket 未连接

java - Android 可分块对象在 Activity 之间克隆

google-chrome - WebGL 在 Windows 8 Developer Preview 中的 Chrome 下不起作用

html - Chrome 打破了 flexbox 而 Firefox 没有

javascript - 从 javascript 代码读取内部类属性

php - 使用 JavaScript 显示和隐藏 PHP 回显的 XML 数据

java - 每次打开应用程序时强制执行异步任务

android - ZXING 代码阅读器中的自定义相机 View 以显示检测

html - Chrome 移动浏览器中的文本垂直对齐错误