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