WebChromeClient的简单使用

WebChromeClient类可以实现这个功能,对JS的弹窗或新窗口进行处理,下面实现这样一个Demo,新打开窗口时,使用一个新的WebVIew打开

MainActivity

/**
 * 这是一个关于WebView的Demo
 * 当webview启动新的页面时,Native层产生相应的变化
 */
public class MainActivity extends AppCompatActivity {

    private WebView mWvContent;
    private RelativeLayout mRlSubContent;
    private MyWebChrmoeClient mWebChrmoeClient;
    private static final String URL_HOST = "http://www.huffingtonpost.com/";
    private Button mBtnClose;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        // 设置WebView属性
        WebSettings settings = mWvContent.getSettings();
        // 支持JavaScript
        settings.setJavaScriptEnabled(true);
        // 支持JS回调java方法
        settings.setJavaScriptCanOpenWindowsAutomatically(true);
        // 支持双击缩放
        settings.setSupportZoom(true);
        // 启用地理定位
        settings.setGeolocationEnabled(true);
        // 设置多窗口支持,设置为true时,必须重写onCreateWindows()方法
        settings.setSupportMultipleWindows(true);

        //支持存储
        settings.setAppCacheEnabled(true);
        settings.setDatabaseEnabled(true);
        settings.setDomStorageEnabled(true);
        settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
        settings.setAppCachePath(getApplicationContext().getDatabasePath("myAppCache").getAbsolutePath());
        settings.setDatabasePath(getApplicationContext().getDatabasePath("myDatabase").getAbsolutePath());

        // 协助处理Web页面状态
        mWvContent.setWebViewClient(new WebViewClient() {
            @TargetApi(Build.VERSION_CODES.LOLLIPOP)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                String uri = request.getUrl().toString();
                Log.v("LOGGER", "Uri: " + uri);
                view.loadUrl(uri);
                return true;
            }
        });
        mWvContent.setWebChromeClient(mWebChrmoeClient);
        mWvContent.loadUrl(URL_HOST);
    }


    /**
     * 添加Back键回退功能
     *
     * @param keyCode
     * @param event
     * @return
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (mWvContent != null) {
            if (event.getAction() == KeyEvent.ACTION_DOWN) {
                switch (keyCode) {
                    case KeyEvent.KEYCODE_BACK: // Back键
                        if (mWvContent.canGoBack()) {
                            mWvContent.goBack();
                            return true;
                        }
                        break;
                }
            }
        }
        return super.onKeyDown(keyCode, event);
    }

    private void initView() {
        mWvContent = (WebView) findViewById(R.id.id_wv_content);
        mRlSubContent = (RelativeLayout) findViewById(R.id.id_rl_sub_content);
        mWebChrmoeClient = new MyWebChrmoeClient(this, mRlSubContent);
        mBtnClose = (Button) findViewById(R.id.id_btn_close_child);
        mBtnClose.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                mWebChrmoeClient.closeSubView();
            }
        });
    }
}

WebChromeClient:

/**
 * Created by shixi_tianrui1 on 16-9-22.
 * WebView打开新的窗口时启动Activity
 */
public class MyWebChrmoeClient extends WebChromeClient {
    private RelativeLayout mSubView;
    private Context mContext;
    private TextView mTvTitle;

    public MyWebChrmoeClient(Context context, RelativeLayout suvView) {
        mContext = context;
        mSubView = suvView;
        mTvTitle = (TextView) mSubView.findViewById(R.id.id_tv_child_title);
    }



    // 创建一个新的窗口
    @Override
    public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
        Toast.makeText(mContext, "onCreateWindows", Toast.LENGTH_SHORT).show();
        mSubView.setVisibility(View.VISIBLE);

        WebView webView = new WebView(mContext);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        webSettings.setUseWideViewPort(false);
        // 通过 新的WebView 打开新窗口
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                // 给子View设置文字
                mTvTitle.setText("Title: " + view.getTitle());
            }


        });
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT
                , ViewGroup.LayoutParams.MATCH_PARENT);
        webView.setLayoutParams(params);
        mSubView.addView(webView);
        // 将新的窗口放在新创建的WebView中打开
        WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
        transport.setWebView(webView);
        resultMsg.sendToTarget();

        // 设置动画,打开新的WebView
        Animation animation = AnimationUtils.loadAnimation(mContext, R.anim.slide_up);
        mSubView.setAnimation(animation);
        return true;
    }

    /**
     * 关闭子窗口
     */
    public void closeSubView() {
        Log.v("LOGGER", "Close Sub Windows");
        Animation animation = AnimationUtils.loadAnimation(mContext, R.anim.slide_down);
        mSubView.startAnimation(animation);
        animation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                Log.v("LOGGER", "onAnimationStart");

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                Log.v("LOGGER", "onAnimationEnd");
                mTvTitle.setText("");
                mSubView.setVisibility(View.INVISIBLE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {
                Log.v("LOGGER", "onAnimationRepeat");

            }
        });
    }


    /**
     * 是否已经打开新窗口
     */
    public boolean isOpenChild() {
        return mSubView.getVisibility() == View.VISIBLE;
    }

}

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="cn.edu.hebust.webviewdemo.MainActivity">

    <WebView
        android:id="@+id/id_wv_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <RelativeLayout
        android:id="@+id/id_rl_sub_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="invisible">

        <Button
            android:id="@+id/id_btn_close_child"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:text="@string/close" />

        <TextView
            android:id="@+id/id_tv_child_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignRight="@id/id_btn_close_child" />


    </RelativeLayout>
</RelativeLayout>

动画:

slide.up.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">

    <translate
        android:duration="500"
        android:fromXDelta="0%"
        android:fromYDelta="100%"
        android:toXDelta="0%"
        android:toYDelta="0%" />
</set>

slide_down.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">

    <translate
        android:duration="500"
        android:fromXDelta="0%"
        android:fromYDelta="0%"
        android:toXDelta="0%"
        android:toYDelta="100%" />
</set>

首页

打开新的窗口,会产生动画,打开新的WebView