【Android】WebViewでポップアップウィンドウを開いたり閉じたりしたい

AndroidアプリでWebViewを使うものを作っているのですが、ポップアップウィンドウを使用しているページをWebView上にロードした際に思った通りの挙動をしてくれないため、質問させてください。

＜表示させたいページのサンプル＞

index.html

HTML
1<!DOCTYPE html>
2<head>
3    <meta charset="utf-8" />
4    <title>WebView Test</title>
5</head>
6<body>
7    <br><br><br>
8    <a href="#" onclick="window.open('popup.html', 'mywindow5', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes');">popupだよ</a>
9</body>

popup.html

HTML
1<!DOCTYPE html>
2<head>
3    <meta charset="utf-8" />
4    <title>popup</title>
5</head>
6<body>
7    <p>ポップアップだよ</a>
8    <br><br><br>
9    <a href="#" onclick="window.close()">閉じる</a>
10</body>

これを、WebViewで表示させ、「ポップアップだよ」をタップしたら画面遷移でpopup.htmlを表示し、「閉じる」をタップしたら元の画面（この場合index.html）に戻す、という処理を作りたいです。（ポップアップ的な動き方は諦め、とにかく元の画面に復帰できれば良い、と考えています）

ググりながらいろいろ試したところ、以下のようなコードになりました。

＜現在のJavaコード＞

AndroidManifest.xml

XML
1<?xml version="1.0" encoding="utf-8"?>
2<manifest xmlns:android="http://schemas.android.com/apk/res/android"
3    package="sample_development.simplewebview" >
4
5    <application
6        android:allowBackup="true"
7        android:icon="@mipmap/ic_launcher"
8        android:label="@string/app_name"
9        android:supportsRtl="true"
10        android:theme="@style/AppTheme" >
11        <activity android:name=".MainActivity" >
12            <intent-filter>
13                <action android:name="android.intent.action.MAIN" />
14
15                <category android:name="android.intent.category.LAUNCHER" />
16            </intent-filter>
17        </activity>
18    </application>
19
20    <uses-permission android:name="android.permission.INTERNET" />
21
22</manifest>

res/layout/activity_main.xml

XML
1<?xml version="1.0" encoding="utf-8"?>
2<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
4    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
5    android:paddingRight="@dimen/activity_horizontal_margin"
6    android:paddingTop="@dimen/activity_vertical_margin"
7    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
8
9    <WebView
10        android:id="@+id/webView1"
11        android:layout_width="match_parent"
12        android:layout_height="match_parent"
13        />
14
15</RelativeLayout>

MainActivity.java

Java
1package sample_development.simplewebview;
2
3import android.os.Bundle;
4import android.os.Message;
5import android.support.v7.app.AppCompatActivity;
6import android.util.Log;
7import android.webkit.WebChromeClient;
8import android.webkit.WebSettings;
9import android.webkit.WebView;
10import android.webkit.WebViewClient;
11
12public class MainActivity extends AppCompatActivity {
13
14    @Override
15    protected void onCreate(Bundle savedInstanceState) {
16
17        super.onCreate(savedInstanceState);
18
19        // setContentViewに作成したWebviewを設定する
20        setContentView(R.layout.activity_main);
21
22        // WebViewインスタンスを生成
23        WebView mWebView = (WebView)findViewById(R.id.webView1);
24
25        //リンクをタップしたときに標準ブラウザを起動させない
26        mWebView.setWebViewClient(new WebViewClient());
27
28        // JavaScriptを有効にする
29        mWebView.getSettings().setJavaScriptEnabled(true);
30
31        // どうもポップアップをどうにかしたい場合はこれをtrueにするらしい。。
32//        mWebView.getSettings().setSupportMultipleWindows(false);  // ここをtrueにするとブラウザが起動する。。
33        mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
34
35        WebChromeClient webChromeClient = new WebChromeClient() {
36            @Override
37            public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
38                WebView childView = new WebView(view.getContext());
39                final WebSettings settings = childView.getSettings();
40                settings.setJavaScriptEnabled(true);
41                childView.setWebChromeClient(this);
42                childView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
43
44                WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
45                transport.setWebView(childView);
46                resultMsg.sendToTarget();
47                Log.v("MYTEST", "pass onCreateWindow");
48                return true;
49            }
50
51            @Override
52            public void onCloseWindow(WebView window) {
53                Log.v("MYTEST close", "close window");
54            }
55        };
56        mWebView.setWebChromeClient(webChromeClient);
57
58        // popupのみのページをロード
59        mWebView.loadUrl("http://xxx.xx.xx");  // 上記HTMLを配置している場所のURL
60
61    }
62}

onCloseWindowをオーバーライドして、「閉じる」をタップしたときのイベントを拾えるようにはなったのですが、ここからどうやって元のページに戻れば良いのかわかりません。
また、ググりながら上記のようなことをやりたいときはWebViewTransportというのが必要っぽいような記述を発見し実装してみましたが、何をやっているのか見当がつきません。。
（そもそも、ここの処理を通っていない…？）

解決策に心当たりのある方、ご教示いただけますと幸いです。
よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

WebViewクラスの機能に、
webview.goBack();
という一つ前の画面に戻るというメソッドがあります。

ですので、一つ前に画面に戻る機能を追加するならば

if(mWebView.canGoBack()){
  mWebView.goBack();
}

をログを入れている箇所に入れるのがいいかと思います。

投稿2016/01/21 03:40

ueno

総合スコア221

退会済みユーザー

2016/01/21 08:36

uenoさん、ご回答ありがとうございます。ですがすいません、上記の例は簡略化のためにポップアップを１ページのみにしていますが、実際は複数ページをポップアップ内で遷移する予定です。またポップアップ内部のページ数も一定ではないため、window.close()をきっかけにして処理ができればと考えております。他に何かやり方をご存知でしたらご教示をお願いいたします。

ueno

2016/01/23 17:02 編集

なるほどです。いろいろな方法があるとは思いますが、ここは方法を変え、ポップアップ画面をネイティブ側実装し、表示してしまうのはどうでしょうか？ポップアップウィンドのリンクを押す ↓ DialogDragmentを表示し、中のWebViewでpopup.htmlを表示する (DialogFramentとはポップアップ的な画面を簡単に表現できるFramgmentです) ↓ 戻るボタンを押すとDailogFragmentを閉じる（ポップアップが閉じたように見える）こんな動作はどうでしょう？ご検討ください。 WebViewにセットしているWebViewClientに、urlを読み込む前に呼ばれるメソッドがあります。shouldOverrideUrlLoadingというメソッドについて調べてみてください。それをオーバーライドして使えば可能だと思いますよ。 DialogDramgnetも記事が沢山あるので割愛します。参考を以下に webView.setWebViewClient(new WebViewClient() { public boolean shouldOverrideUrlLoading(WebView view, String urlStr) { // a hrefで指定したURLがくるのでそれがpopup.htmlのURLならtrueにしてDialogFragmentを表示 if(urlStr.equals("a hrefで指定したURLがくるのでそれがpopup.html")){ // 今回はToastを表示してます Toast toast = Toast.makeText(WebViewActivity.this, "popup.htmlのURLを押したよ",Toast.LENGTH_SHORT); toast.show(); return true; // trueを返すとページ読み込みが行われません　ページを読み込みを停止するためtrueを返します。 }else{ return false; // falseを返すと通常通りp−時読み込みが行われます } } });

退会済みユーザー

2016/01/25 03:55

uenoさん、ご回答ありがとうございました。本件、uenoさんにご教示頂いた方法とは少し違うのですが、 shouldOverrideUrlLoadingを使用して解決することができました。ありがとうございました。

行動規範の内容に同意します