WebView-Android与H5交互、设置cookie、post请求、滑动监听、点击监听、关闭音频视频

最新推荐文章于 2024-05-11 21:32:36 发布

喂_balabala

最新推荐文章于 2024-05-11 21:32:36 发布

阅读量2.3k

点赞数 1

分类专栏： Android 文章标签： webview h5交互 cookie

本文链接：https://blog.csdn.net/weixin_37165769/article/details/80701237

版权

Android 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

https://www.jianshu.com/p/35d664ffa3bb

mWbRealize.loadUrl("http://652857502.scene.eqxiu.com/s/vknb0n8W?eqrcode=1&from=singlemessage&isappinstalled=0");
//支持javascript
web.getSettings().setJavaScriptEnabled(true); 
// 设置可以支持缩放 
web.getSettings().setSupportZoom(true); 
// 设置出现缩放工具 
web.getSettings().setBuiltInZoomControls(true);
//扩大比例的缩放
web.getSettings().setUseWideViewPort(true);//让webview读取网页设置的viewport，pc版网页 
//自适应屏幕
web.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);//适应屏幕，内容将自动缩放  
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);//适应内容大小  
web.getSettings().setLoadWithOverviewMode(true);
settings.setDomStorageEnabled(true);//打开DOM储存API
settings.setBlockNetworkImage(true);//拦截图片的加载
web.setInitialScale(25);//为25%，最小缩放等级 

// 设置缓存模式：不使用缓存
 mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
// 设置启动缓存  
 webView.getSettings().setDefaultTextEncodingName("utf-8");  
 webView.getSettings().setAppCacheEnabled(true);
 webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  


网页只加载出一部分，下面就不加载了？
  ● I/chromium(27693): [INFO:CONSOLE(8)] “Uncaught TypeError: Cannot call method ‘getItem’ of null”, source: url
网页加载不完成并报出如上错误时，有可能是你的DOM储存API没有打开，在代码中加上一行：
mWebView.getSettings().setDomStorageEnabled(true);

postUrl

//需要访问的网址  
String url = "http://www.cqjg.gov.cn/netcar/FindThree.aspx";  
//post访问需要提交的参数  
String postDate = "txtName=zzz&QueryTypeLst=1&CertificateTxt=dsds";  
//由于webView.postUrl(url, postData)中 postData类型为byte[] ，  
//通过EncodingUtils.getBytes(data, charset)方法进行转换  
webView.postUrl(url, EncodingUtils.getBytes(postDate, "UTF-8"));  

EncodingUtils是 HttpCore里面的,要加依赖
compile 'org.apache.httpcomponents:httpcore:4.4.4'

如果希望点击链接由自己处理，而不是新开Android的系统browser中响应该链接。给WebView加一个事件监听对象（WebViewClient)并重写其中的一些方法：shouldOverrideUrlLoading：对网页中超链接按钮的响应。当按下某个连接时WebViewClient会调用这个方法，并传递参数：按下的url。

webView.setWebViewClient(new WebViewClient(){
         @Override
         public boolean shouldOverrideUrlLoading(WebView view, String url) {

          view.loadUrl(url);   //在当前的webview中跳转到新的url
 //如果不需要其他对点击链接事件的处理返回true，否则返回false
          return true;
         }
   @Override
        public WebResourceResponse shouldInterceptRequest(WebView view, String url) {

            if (url.startsWith("http") || url.startsWith("https")) { //http和https协议开头的执行正常的流程
                return super.shouldInterceptRequest(view, url);
            } else {  //其他的URL则会开启一个Acitity然后去调用原生APP

                if (url.contains("mqqwpa")){


                    if (OthersUtil.isQQClientAvailable(mContext)){

                        Intent in = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                        startActivity(in);
                        return null;
                    }else {

//                        Toast.makeText(mContext, "您的手机未安装手机QQ", Toast.LENGTH_SHORT).show();
//                        return super.shouldInterceptRequest(view, url);
                        return null;
                    }
                }

                Intent in = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
                startActivity(in);
                return null;
            }
        }
        public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
//            showErrorPage();//显示错误页面
            hideErrorPage();
        };
        public void onPageFinished(WebView view, String url) {//处理网页加载成功时
//            loading_over.setVisibility(View.GONE);
//            hideErrorPage();
        }
//监听webview界面切换
@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
    super.onPageStarted(view, url, favicon);
    if (url.contains("https://www.hzjr.com/Mobile/Index/customer?token=")){
        mCloseService.setVisibility(View.GONE);
    }
}
        });

onReceivedError 不能捕捉失败的回调？？？

onReceivedError 有两个重载的方法，要重写第二个

1、public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {

2、 public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {

加载html标签

mWebView.loadDataWithBaseURL(null, stringHtml, "text/html", "utf-8", null);

setWebChromeClient

setWebChromeClient主要处理解析，渲染网页等浏览器做的事情

WebChromeClient是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等 

onCloseWindow(关闭WebView) 

onCreateWindow() 

onJsAlert (WebView上alert不能弹出来的，要WebChromeClient处理) 

onJsPrompt 

onJsConfirm 

onProgressChanged 

onReceivedIcon 

onReceivedTitle

setWebViewClient

WebViewClient是帮助WebView处理各种通知、请求事件的

onLoadResource 

onPageStart 

onPageFinish 

onReceiveError 

onReceivedHttpAuthRequest

点击超链接启动QQ

mWebView = (ProgressWebView) findViewById(R.id.baseweb_webview); mWebView.getSettings().setJavaScriptEnabled(true); String url ="http://wpa.qq.com/msgrd?v=3&uin=748895431&site=qq&menu=yes"; mWebView.loadUrl(url); mWebView.setWebViewClient(new WebViewClient() { 
public boolean shouldOverrideUrlLoading(WebView view, String url) {
     view.loadUrl(url); return true;
 } 
@Override public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
     if (url.startsWith("http") || url.startsWith("https")) {
     //http和https协议开头的执行正常的流程 return super.shouldInterceptRequest(view, url); 
     } else { 
        //其他的URL则会开启一个Acitity然后去调用原生APP Intent in = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); startActivity(in); return null;
     }
 }
 });

滑动监听

自定义webview重写onScrollChanged方法，利用接口回调

public class HzjrWebView extends WebView {
    private OnScrollChangedCallback mOnScrollChangedCallback;
    public HzjrWebView(Context context) {
        super(context);
    }

    public HzjrWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public HzjrWebView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onScrollChanged(final int l, final int t, final int oldl,
                                   final int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);

        if (mOnScrollChangedCallback != null) {
            mOnScrollChangedCallback.onScroll(l , oldl, t , oldt);

        }
    }

//    public OnScrollChangedCallback getOnScrollChangedCallback() {
//        return mOnScrollChangedCallback;
//    }

    public void setOnScrollChangedCallback(
            final OnScrollChangedCallback onScrollChangedCallback) {
        mOnScrollChangedCallback = onScrollChangedCallback;
    }

    /**
     * Impliment in the activity/fragment/view that you want to listen to the webview
     */
    public interface OnScrollChangedCallback {
         void onScroll(int l,int oldl,int t, int oldt);
    }
}

页面关闭之后,视频或者音频还在播放的问题

方法1:
调用
 webView.loadUrl("about:blank");
这个方法会 销毁所有的video和audio 包括js的所有正在运行的function
方法2:
@Override
public void onPause() {
    super.onPause();
    myWebView.onPause();
    myWebView.pauseTimers();
}

@Override
public void onResume() {
    super.onResume();
    myWebView.resumeTimers();
    myWebView.onResume();
}


@Override
protected void onDestroy() {
    myWebView.destroy();
    myWebView = null;
    super.onDestroy();
}

复写生命周期的方法;最好的方法;
(有时会挂 java.lang.IllegalArgumentException: Receiver not registered: android.widget.ZoomButtonsController$1@3ed4bcc7)

要在销毁之前把根布局的所有子布局remove

mLlH5.removeAllViews();

回退时回到上一个页面，而不是退出WebView

mWebView.goBack(); //后退 
mWebView.goForward();//前进 
mWebView.reload(); //刷新


public class MainActivity extends Activity {
    private WebView webview;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //2、在Activity中实例化WebView
        setContentView(R.layout.activity_main);
        webview = (WebView) findViewById(R.id.webview);

        //第2步也可以替换为下面这两句，就不要R.layout.activity_main布局文件了
        //mwebview = new WebView(this);                       //实例化WebView对象  
        //setContentView(mwebview); 

        // 设置WebView属性，能够执行Javascript脚本
        webview.getSettings().setJavaScriptEnabled(true);
        //3、 加载需要显示的网页
        webview.loadUrl("http://www.baidu.com/");
        ///4、设置响应超链接，在安卓5.0系统，不使用下面语句超链接也是正常的，但在MIUI中安卓4.4.4中需要使用下面这条语句，才能响应超链接
        webview.setWebViewClient(new HelloWebViewClient());
    }

    @Override
    // 设置回退
    // 5、覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法
    public boolean onKeyDown(int keyCode, KeyEvent event) {
           //按下返回键并且webview界面可以返回
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {

            webview.goBack(); // goBack()表示返回WebView的上一页面
            return true;
        }
        return super.onKeyDown(keyCode,event);
    }

    // Web视图
    private class HelloWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

设置cookie

ATTENTION:
    要在webView设置setting之后，loadUrl之前调用此方法，否则无效

    关于设置cookie失效的问题，在5.0以下可能会有失效的情况，sync是异步操作。
    失效的原因是在removeSessionCookie之后立马setCookie可能会是设置之后又被清除了，可以加个延迟。
    在5.0以上官方回调了同步方法。
    具体介绍参考博客：https://blog.csdn.net/b275518834/article/details/51004237

    /**
     * 给WebView同步Cookie
     *
     * @param context 上下文
     * @param url     可以使用[domain][host]
     */
    private void syncCookie(Context context, String url) {
        CookieSyncManager.createInstance(context);
        CookieManager cookieManager = CookieManager.getInstance();
        cookieManager.setAcceptCookie(true);
//        cookieManager.removeSessionCookie();// 移除旧的[可以省略]
        cookieManager.setCookie(url,cookie);
        CookieSyncManager.getInstance().sync();// To get instant sync instead of waiting for the timer to trigger, the host can call this.
    }

还有权限：

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

H5与Android交互

首先最重要最容易忽略的网络权限

public class MainActivity extends AppCompatActivity {

/***************************************************************
 * H5和Android通信三种方式
 * 1.android主动调用js:javascript:方法名(参数)
 * 2.js主动调用Android
 * 3.js callback式调用Android，来源（解耦H5只关心H5，客户端只关心android）
 * ***************************************************************
 */

private WebView mWebview;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();

    //设置webview
    WebSettings settings = mWebview.getSettings();
    settings.setJavaScriptEnabled(true);

    //页面加载完成调用js方法
    //重新浏览器内核对象
    initWebClient();

    //js和Android两种不同开发语言，不认识
    //核心方法：设置js和Android通信桥梁接口(简而言之，就是设置通信桥梁类)
    JavascriptMethos jsMethos = new JavascriptMethos(this, mWebview);
    //参数1：提供给js调用的方法的对象, 参数2：参数1的映射字符串（第一个参数的别名），因为字符串再所有开发一样通用
    mWebview.addJavascriptInterface(jsMethos, JavascriptMethos.JSINTERFACE);

    //显示
    mWebview.loadUrl("http:/10.0.3.2:8080/html35/index.html");
}

private void initWebClient() {
    mWebview.setWebChromeClient(new WebChromeClient());


    mWebview.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
        }

        //页面加载完成调用该方法
        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            //调用js 方法
            //WebView.loadUrl("javascript:方法名(参数)")
            JSONObject json = new JSONObject();
            try {
                json.put("name", "android");
                json.put("msg", "你好，我是Android，加个蚝友");
                mWebview.loadUrl("javascript:receiveMessage("+json.toString()+")");
            } catch (JSONException e) {
                e.printStackTrace();
            }
        }
    });
}

    private void initView() {
        mWebview = (WebView) findViewById(R.id.webview);
    }
}



/**
 * 统一管理所有js和Android通信
 * 
 */

public class JavascriptMethos {

    public static String JSINTERFACE = "jsInterface";
    private Context mContext;
    private WebView mWebView;

    public JavascriptMethos(Context mContext, WebView mWebView) {
        this.mContext = mContext;
        this.mWebView = mWebView;
}

/**
 * 给js调用的弹出toast方法
 * 为什么要添加注解：android4.2以上（包含），如果不加注解，
 * js无法调用Android方法，因为4.2之前js和android通信有安全问题，如果不加上该注解，4.2以上js无法调用Android方法
 *
 * @param json
 */
@JavascriptInterface
public void showToast(String json) {
    Toast.makeText(mContext, json, Toast.LENGTH_SHORT).show();
}

@JavascriptInterface
public void getHotelData(String json) throws JSONException {

    //解析callbak方法名
    JSONObject jsJson = new JSONObject(json);
    final String callback = jsJson.optString("callback");

    System.out.println("接收到js传递callback参数=" + json);
    //模拟访问网络
    //返回json
    final JSONObject callbackJson = new JSONObject();
    try {
        callbackJson.put("name", "8天连锁酒店");
        callbackJson.put("hotel", "99");
        callbackJson.put("phone", "075588888888");

        //调用js方法
        //mWebView.loadUrl("javascript:方法名(参数)");默认Android调用js独立运行在一个进程WebViewCoreThread
        mHandler.post(new Runnable() {
            @Override
            public void run() {
                //mWebView.loadUrl("javascript:receiveHotelData(" + callbackJson.toString() + ")");
                mWebView.loadUrl("javascript:"+callback+"(" + callbackJson.toString() + ")");
            }
        });
    } catch (JSONException e) {
        e.printStackTrace();
    }
}

    private Handler mHandler = new Handler();
}

demo

https://github.com/jiaweizeng/H5AndAndroid

control是java对象名称，toastMessage是方法名称，双方约定俗成，写死。

<body>
    <button type="button" id="button" onclick="toastMessage('js调用了android方法')">js访问android中方法</button>
    <script>
        function toastMessage(message) {
            window.control.toastMessage(message)
        }  
    </script>
</body>


public class MainActivity extends AppCompatActivity {

    @SuppressLint({"JavascriptInterface", "AddJavascriptInterface", "SetJavaScriptEnabled"})
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        WebView webView = findViewById(R.id.wv);

        WebSettings webSettings = webView.getSettings();

        webSettings.setJavaScriptEnabled(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        webView.loadUrl("http://192.168.1.38/hzjrH5/jiaohu.html");
        //js访问android，定义接口
        webView.addJavascriptInterface(this, "control");
    }

    @JavascriptInterface
    public void toastMessage(String s){
        Toast.makeText(MainActivity.this, s, Toast.LENGTH_LONG).show();
        finish();
    }
}

喂_balabala

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
WebView-Android与H5交互、设置cookie、post请求、滑动监听、点击监听、关闭音频视频

mWbRealize.loadUrl(&amp;amp;amp;amp;quot;http://652857502.scene.eqxiu.com/s/vknb0n8W?eqrcode=1&amp;amp;amp;amp;amp;amp;from=singlemessage&amp;amp;amp;amp;amp;amp;isappinstalled=0&amp;amp;amp;amp;quot;);//支持javascriptweb.getSettings().setJ
复制链接

扫一扫

专栏目录