質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.46%

  • Android

    7420questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

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

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 4,964
退会済みユーザー

退会済みユーザー

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

<表示させたいページのサンプル>

index.html

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

popup.html

<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <title>popup</title>
</head>
<body>
    <p>ポップアップだよ</a>
    <br><br><br>
    <a href="#" onclick="window.close()">閉じる</a>
</body>

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

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

<現在のJavaコード>

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="sample_development.simplewebview" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme" >
        <activity android:name=".MainActivity" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

    <uses-permission android:name="android.permission.INTERNET" />

</manifest>

res/layout/activity_main.xml

<?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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

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

</RelativeLayout>


MainActivity.java

package sample_development.simplewebview;

import android.os.Bundle;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        // setContentViewに作成したWebviewを設定する
        setContentView(R.layout.activity_main);

        // WebViewインスタンスを生成
        WebView mWebView = (WebView)findViewById(R.id.webView1);

        //リンクをタップしたときに標準ブラウザを起動させない
        mWebView.setWebViewClient(new WebViewClient());

        // JavaScriptを有効にする
        mWebView.getSettings().setJavaScriptEnabled(true);

        // どうもポップアップをどうにかしたい場合はこれをtrueにするらしい。。
//        mWebView.getSettings().setSupportMultipleWindows(false);  // ここをtrueにするとブラウザが起動する。。
        mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

        WebChromeClient webChromeClient = new WebChromeClient() {
            @Override
            public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
                WebView childView = new WebView(view.getContext());
                final WebSettings settings = childView.getSettings();
                settings.setJavaScriptEnabled(true);
                childView.setWebChromeClient(this);
                childView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

                WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
                transport.setWebView(childView);
                resultMsg.sendToTarget();
                Log.v("MYTEST", "pass onCreateWindow");
                return true;
            }

            @Override
            public void onCloseWindow(WebView window) {
                Log.v("MYTEST close", "close window");
            }
        };
        mWebView.setWebChromeClient(webChromeClient);

        // popupのみのページをロード
        mWebView.loadUrl("http://xxx.xx.xx");  // 上記HTMLを配置している場所のURL

    }
}

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

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

0

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

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/01/21 17:36

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

    他に何かやり方をご存知でしたらご教示をお願いいたします。

    キャンセル

  • 2016/01/24 02:00 編集

    なるほどです。
    いろいろな方法があるとは思いますが、ここは方法を変え、ポップアップ画面をネイティブ側実装し、表示してしまうのはどうでしょうか?

    ポップアップウィンドのリンクを押す

    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 12:55

    uenoさん、ご回答ありがとうございました。

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.46%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • Android

    7420questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。