web-dev-qa-db-ja.com

android：ウェブビューでポップアップウィンドウを開く

アプリケーションにWebビューがあり、Webビュー内のリンクをクリックするとポップアップウィンドウが開きます。次のコードを追加しましたが、機能しませんでした：-

WebSettings webSettings = webViewPage.getSettings();    
webSettings.setJavaScriptEnabled(true);    
webSettings.setSupportMultipleWindows(true);
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

That's how I want pop up window to appear ポップアップは次のように表示されます

androidandroid-webviewpopupwindow
11
Vikalp

私は3年の長い年月を経て自分の質問に答えています。

リンクがウェブページ内でタッチされると、ウェブページの実装に応じて、2つのシナリオが考えられます。1）リンクが同じウィンドウで開かれます。 2）リンクが新しいウィンドウで開きます。

以下のコードを使用して、最初のシナリオを処理するのは簡単です。

    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }

WebViewClient実装内でshouldOverrideUrlLoadingをオーバーライドすると、同じウィンドウでリンクが開きます。

次に、Webページが新しいウィンドウで開くURLを要求している2番目のケースを見てみましょう。この場合、以下のような複数のウィンドウをサポートするようにWebビューに指示する必要があります。

webView.getSettings().setSupportMultipleWindows(true);

次に、新しいWeb chromeクライアントをwebviewに追加して、Webページから新しいウィンドウが要求されたときにイベントを取得します。

webView.setWebChromeClient(new WebChromeClient() {


        @Override
        public boolean onCreateWindow(WebView view, boolean isDialog,
                boolean isUserGesture, Message resultMsg) {



                WebView newWebView = new WebView(WebpageActivity.this);
                newWebView.getSettings().setJavaScriptEnabled(true);
                newWebView.getSettings().setSupportZoom(true);
                newWebView.getSettings().setBuiltInZoomControls(true);
                newWebView.getSettings().setPluginState(PluginState.ON);
                newWebView.getSettings().setSupportMultipleWindows(true);
                view.addView(newWebView);
                WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
                transport.setWebView(newWebView);
                resultMsg.sendToTarget();

                newWebView.setWebViewClient(new WebViewClient() {
                    @Override
                    public boolean shouldOverrideUrlLoading(WebView view, String url) {
                        view.loadUrl(url);
                        return true;
                    }
                });

                return true;
            }
        }

    });

乾杯！！！

27
Vikalp

この行をWebビューに追加しますweb.addJavascriptInterface（new Jscalls（this）、 "Android"）;

次に、この行を、Webビューに読み込まれたhtmlのhrefに追加しますhref = "javascript：showAndroidToast（ 'Data to be shown or data from from from from present'）"

   public class Jscalls {
    Context mContext;

    Jscalls(Context c) {
        mContext = c;
    }

    /** Show a toast from the web page */ 
    @JavascriptInterface
            public void showToast(final String toast) {
                // Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
                if (NetworkConnection.isConnected(mContext)) {
                    ((Activity)mContext).runOnUiThread(new Runnable() {
                        public void run() {
                            dialog = new Dialog(mContext);
                            dialog.setTitle("Title");

                            dialog.setContentView(R.layout.dialog);
                            dialog.setCancelable(true);
                            // there are a lot of settings, for dialog, check them all out!
                            // set up text

                            WebView web = (WebView) dialog.findViewById(R.id.webVie);
                            web.getSettings().setJavaScriptEnabled(true);
                            /*web.clearHistory();
                            web.clearFormData();
                            web.clearCache(true);*/
                            web.setWebViewClient(new HelloWebViewClient());
                            web.setOnLongClickListener(new OnLongClickListener() {
                                @Override
                                public boolean onLongClick(View v) {
                                    return true;
                                }
                                });
                            web.setLongClickable(false);
                            try{
                                web.loadUrl(Url.mainUrl 
                                        + toast);//Url to load data from in pop-up
                            }catch (Exception e) {
                                // TODO: handle exception
                                //e.printStackTrace();
                            }   


                            // dialog.setContentView(web);
                            dialog.show();
                        }
                    });

                    //web = null ;
                    // now that the dialog is set up, it's time to show it

                    /*
                     * dialog.setFeatureDrawableResource(Window.FEATURE_LEFT_ICON,
                     * R.drawable.ic_launcher);
                     */

                    // dialog.setFeatureDrawable
                } else {
                    LoginMainActivity.validateEmail("Alert!!",
                            "This feature requires wi-fi or internet connection.",
                            mContext);
                }
            }
            private class HelloWebViewClient extends WebViewClient {
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) {
                    view.loadUrl(url);
                    return true;
                }
            }
            Dialog dialog;
        }
2
Suhail Mehta