精华内容
下载资源
问答
  • Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能...
  • Android Webview拦截ajax请求

    千次阅读 2017-11-07 16:46:32
    Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能...

    Android Webview虽然提供了页面加载及资源请求的钩子,但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能如:统一的网络请求管理、cookie同步、证书校验、访问控制等。

    那么究竟有没有办法能在Webview中拦截ajax请求呢?

    我百度谷歌一圈后,找到了这篇文章,你可以参考一下:http://blog.csdn.net/kpioneer123/article/details/51438204 。如果没有看懂,那就不用理会了,毕竟本文绝不会撩起你的兴趣,然后却戛然而至的。我们还是直奔主题吧。

    思路

    虽然在 Webview中无法直接拦截 ajax请求(其实在shouldInterceptRequest 中是可以收到ajax请求的,但是遗憾的是取不到请求参数,这样也是没有意义的), 我们可以转换思路,能不能在js中将所有的请求转发到native中,这样也就达到了相同的目的。如果可以,那就需要一种在javascript和native之间通信的桥梁(javascript bridge),通过它,javascript将请求信息传递给native, native完成真正的请求后再将结果数据传递给javascript。那么我们的思路就是:

    1. 在javascript中拦截所有ajax请求,然后通过javascript bridge将请求信息传递给native
    2. native收到请求信息后,进行一些与处理逻辑,然后完成本次请求,将请求结果通过javascript bridge再回传给javascript.

    这样,在第二步native上收到请求信息后,我们就可以进行统一的网络请求管理、cookie同步、证书校验、访问控制。思路虽然简单,但实现起来却是比较麻烦,因为需要前端和native都需要做不少的工作。那么有什么简单的方法吗?当然有!

    轮子

    fly.js 是一个支持请求重定向的轻量级、跨平台的Javascript http请求库 ,前端可以使用它轻松发起网络请求,它会自动将请求转发至native. 现在解决了第一个问题,接下来我们需要选一个javascript bridge, 而现在开源的javascript bridge挺多,你可以选择任意一个你喜欢的。但是,在此强烈推荐一下 DSBridge 它是一个使用非常简单并支持同步的跨平台javascript birdge, 最关键的是, DSBridge 的demo中就有接收处理fly.js转发的http请求的示例,并且给出了okhttp的实现,并且,fly.js](https://github.com/wendux/fly) 官方也提供了DSBridge 的adapter. 下面我们以DSBridge为例,演示一下整个过程:

    实例

    前端

    //引入dsbridge adapter
    var adapter = require("flyio/dist/npm/adapter/dsbridge")
    var EngineWrapper = require("flyio/dist/npm/engine-wrapper")
    var dsEngine = EngineWrapper(adapter)
    var fly = new Fly(dsEngine);
    
    //接下来,通过fly发起的ajax请求都会转发到native上
    fly.post('/user', {
        name: 'Doris',
        age: 24
        phone:"18513222525"
      })
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      });

    Native端

     @JavascriptInterface
     public void onAjaxRequest(JSONObject jsonObject, final CompletionHandler handler){
        //jsonObject 为fly adapter 传给端的requerst对象
        //端上完成请求后,将响应对象通过hander返回给fly adapter
        //hanlder(response)
     }

    fly.js中dsbridge的adapter会调用Native的 onAjaxRequest方法,native只需实现这个方法即可,完整的请求实现可以参照 DSbridge demo中 AjaxHandler 的实现.

    值得注意的是, fly.js并不是只支持DSBridge ,它可以支持任何javascript bridge,只是不同的javascript bridge的数据传输协议不同,需要分别提供一个adapter, 详情请参考:fly.js之http engine及adapter .

    最后

    贴出fly.js和DSBridge的github地址,欢迎star ! 有什么问题也可以关注我或留言。

    fly.js: https://github.com/wendux/fly

    DSBridge-Android: https://github.com/wendux/DSBridge-Android

    DSBridge-IOS: https://github.com/wendux/DSBridge-

    展开全文
  • Android中WebView拦截js请求

    千次阅读 2015-05-08 19:31:08
    Android中处理网页时我们必然用到WebView,这里我们有这样一个需求,我们想让WebView在处理网络请求的时候将某些请求拦截替换成某些特殊的资源。具体一点儿说,在WebView加载 http://m.sogou.com 时,会加载一个...

    <span style="font-family: 'Helvetica Neue', Helvetica, STHeiTi, 'Microsoft YaHei'; font-size: 16.9599990844727px; line-height: 27.1359977722168px; background-color: rgb(255, 255, 255);"></span>

    Android中处理网页时我们必然用到WebView,这里我们有这样一个需求,我们想让WebView在处理网络请求的时候将某些请求拦截替换成某些特殊的资源。具体一点儿说,在WebView加载 http://m.sogou.com 时,会加载一个logo图片,我们的需求就是将这个logo图片换成另一张图片。

    shouldInterceptRequest

    好在Android中的WebView比较强大,从API 11(Android 3.0)开始, shouldInterceptRequest被引入就是为了解决这一类的问题。

    shouldInterceptRequest这个回调可以通知主程序WebView处理的资源(css,js,image等)请求,并允许主程序进行处理后返回数据。如果主程序返回的数据为null,WebView会自行请求网络加载资源,否则使用主程序提供的数据。注意这个回调发生在非UI线程中,所以进行UI系统相关的操作是不可以的。

    shouldInterceptRequest有两种重载。

    • public WebResourceResponse shouldInterceptRequest (WebView view, String url) 从API 11开始引入,API 21弃用
    • public WebResourceResponse shouldInterceptRequest (WebView view, WebResourceRequest request) 从API 21开始引入

    本次例子暂时使用第一种,即shouldInterceptRequest (WebView view, String url)。

    WebView webView = new WebView(this);
    webView.setWebViewClient(new WebViewClient() {
    
      @Override
      public WebResourceResponse shouldInterceptRequest(WebView view,  String url) {
          Log.i(LOGTAG, "shouldInterceptRequest url=" + url + ";threadInfo" + Thread.currentThread());
          WebResourceResponse response = null;
          if (url.contains("logo")) {
              try {
                  InputStream localCopy = getAssets().open("droidyue.png");
                  response = new WebResourceResponse("image/png", "UTF-8", localCopy);
              } catch (IOException e) {
                  e.printStackTrace();
              }        
          }
          return response;
      }    
    });
    setContentView(webView);
    webView.loadUrl("http://m.sogou.com");

    其中WebResourceResponse需要设定三个属性,MIME类型,数据编码,数据(InputStream流形式)。

    原文链接: http://ju.outofmemory.cn/entry/103239

    展开全文
  • webview拦截请求(转)

    2014-08-17 19:54:05
    ... 1. 拦截超链接请求:重写webclient的   [java] view plaincopy @Override   public boolean shouldOverrideUrlLoading(WebView view, Strin...

    http://blog.csdn.net/knxw0001/article/details/10903055

    1. 拦截超链接请求:重写webclient的

     

    [java] view plaincopy
    1. @Override  
    2.     public boolean shouldOverrideUrlLoading(WebView view, String url) {  
    3.         Log.e("cache""shouldoverride-url="+url);  
    4.         return super.shouldOverrideUrlLoading(view, url);  
    5.     }  

     

    这个在这里可以修改url,指向其他地址。

     

    2. 拦截非超链接请求:重写webclient的

     

    [java] view plaincopy
    1. @Override  
    2.     public void onLoadResource(WebView view, String url) {  
    3.         Log.e("cache""onLoadResource-url="+url);  
    4.         super.onLoadResource(view, url);  
    5.     }  

    这个url修改无效,因为webkeit没有提供相应的中断方法。

     

     

    3. 如果webview加载的本地的页面,如webview.loadUrl("file:///android_asset/savehtml.html");以上两个拦截不到,只有webclient的

     

    [java] view plaincopy
    1. @Override  
    2.     public void onPageStarted(WebView view, String url, Bitmap favicon) {  
    3.         Log.e("cache""pagestarted-url="+url);  
    4.         super.onPageStarted(view, url, favicon);  
    5.     }  


    可以拿到,但无法修改url。

    展开全文
  • Android中WebView拦截替换网络请求数据

    千次阅读 2016-11-24 09:44:00
    Android中处理网页时我们必然用到WebView,这里我们有这样一个需求,我们想让WebView在处理网络请求的时候将某些请求拦截替换成某些特殊的资源。具体一点儿说,在WebView加载http://m.sogou.com时,会加载一个logo...

    Android中处理网页时我们必然用到WebView,这里我们有这样一个需求,我们想让WebView在处理网络请求的时候将某些请求拦截替换成某些特殊的资源。具体一点儿说,在WebView加载http://m.sogou.com时,会加载一个logo图片,我们的需求就是将这个logo图片换成另一张图片。

    shouldInterceptRequest

    好在Android中的WebView比较强大,从API 11(Android 3.0)开始, shouldInterceptRequest被引入就是为了解决这一类的问题。

    shouldInterceptRequest这个回调可以通知主程序WebView处理的资源(css,js,image等)请求,并允许主程序进行处理后返回数据。如果主程序返回的数据为null,WebView会自行请求网络加载资源,否则使用主程序提供的数据。注意这个回调发生在非UI线程中,所以进行UI系统相关的操作是不可以的。

    shouldInterceptRequest有两种重载。

    public WebResourceResponse shouldInterceptRequest (WebView view, String url)从API 11开始引入,API 21弃用

    public WebResourceResponse shouldInterceptRequest (WebView view, WebResourceRequest request)从API 21开始引入

    本次例子暂时使用第一种,即shouldInterceptRequest (WebView view, String url)。

    示例代码

    1234567891011121314151617181920

    WebViewwebView=newWebView(this);webView.setWebViewClient(newWebViewClient(){@OverridepublicWebResourceResponseshouldInterceptRequest(WebViewview,Stringurl){Log.i(LOGTAG,"shouldInterceptRequest url="+url+";threadInfo"+Thread.currentThread());WebResourceResponseresponse=null;if(url.contains("logo")){try{InputStreamlocalCopy=getAssets().open("droidyue.png");response=newWebResourceResponse("image/png","UTF-8",localCopy);}catch(IOExceptione){e.printStackTrace();}}returnresponse;}});setContentView(webView);webView.loadUrl("http://m.sogou.com");

    其中WebResourceResponse需要设定三个属性,MIME类型,数据编码,数据(InputStream流形式)。


    展开全文
  • Android中处理网页时我们必然用到WebView,这里我们有这样一个需求,我们想让WebView在处理网络请求的时候将某些请求拦截替换成某些特殊的资源。具体一点儿说,在WebView加载 http://m.sogou.com 时,会加载一个...
  • 接到这样一个需求,需要在 WebView 的所有网络请求中,在请求的url中,加上一个xxx=1的标志位。 例如 http://www.baidu.com 加上标志位就变成了 http://www.baidu.com?xxx=1 寻找解决方案 从 Android API 11 ...
  • 我的博客原文地址:http://hiroz.cn/android-webview-intercept-request/需求背景接到这样一个需求,需要在 WebView 的所有网络请求中,在请求的url中,加上一个xxx=1的标志位。例如 http://www.baidu.com 加上...
  • 接到这样一个需求,需要在 WebView 的所有网络请求中,在请求的url中,加上一个sign=xxxx 的标志位,同时添加手机本地的数据比如 sessionToken=sd54f5sd4ffsdf45454564 、deviceId=863970025919887 文章链接:...
  • 接到这样一个需求,需要在 WebView 的所有网络请求中,在请求的url中,加上一个sign=xxxx 的标志位,同时添加手机本地的数据比如 sessionToken=sd54f5sd4ffsdf45454564 、deviceId=863970025919887 例如 ...
  • Webviewhttp或者https的网络请求拦截

    万次阅读 2016-12-29 13:51:39
    webview调起拨打电话,支付宝,微信,qq等 url拦截关键步骤1,extends WebViewClient2,复写其方法shouldOverrideUrlLoading (webview.loadURL的时候才会调用)具体代码实现:@Overridepublic boolean ...
  • 项目中有个需求是在Android端用webview打开一个页面,该...由于请求里带有sid之类的标识,我再拿同样的请求来取数据是拿到的无效的数据,那要怎么像抓包一样拦截该页面的所有HTTP请求返回的信息呢?求大神 急急急!!!
  • 我们的app需要调用其他公司的一个h5登录界面,在登陆成功以后会跳转一个url地址,类似这样http://xxxxxxxx//legal/homeIndex.html?token=528fed49d9f548d9a5873c26743f492b,我们的app需要拦截这个请求,获得这个...
  • WebView相关东西

    2016-05-10 10:02:56
    拦截请求及获取相关宽高- (void)viewDidLoad { [super viewDidLoad]; str = @"http://huiyi.chinabyte.com/uploadfile/w/h5.html"; arrays = [[NSMutableArray alloc]init]; UIWebView *webView = [[UIWebView a
  • hybrid优化&webview加速

    2016-11-28 15:35:17
    阿里系的方案: https://yq.aliyun.com/articles/2939 手机QQ会员H5加速方案——sonic技术内幕 ...Android-hybrid开发之webView所有请求拦截及修改功能 http://renkangke.github.io
  • 关于app内置webview不允许js页面跳转

    千次阅读 2017-01-18 11:12:42
    在app的webview内置浏览器内嵌入html页面,不允许js未加载完成直接跳转到其他页面问题,可将js写在window.ready里面就可以解决问题。还有不要再https页面内有http请求,有些浏览器会认为有安全性问题会被拦截
  • JavaScript调用Native的方式,主要有两种:注入API和拦截URL SCHEME。注入 API 方式其主要原理是,通过WebView提供的接口,向JavaScript的Context(window)中注入对象或者方法,让JavaScript调用时,直接执行相应的...
  • 随着移动端的发展,越来越多的开发 app内嵌webview 。很多时候本地浏览器没问题,放在app...先下载电脑证书,勾选 捕获 https请求,要不然只能拦截http请求。然后点击 信任根证书。 在设置里 ,勾选允许远程终端链
  • UIWebView (NSURLProtocol)拦截js、css

    千次阅读 2016-12-02 11:07:24
    原文链接:http://www.cocoachina.com/ios/20161202/18261.html 公司最近有个需求,去除h5...开会的时候以为很简单,毕竟UIWebView协议方法里面有个每次请求都会走的协议方法- (BOOL)webView:(UIWebView *)webView
  • 本代码是处理android hybrid混合应用,遇到的webview 拦截 header referer 问题...场景:angular $HTTP 或者js的http请求或者其他。。webview成功拦截get 、post、delete请求,添加header,referer以及body 参数体。。

空空如也

空空如也

1 2 3
收藏数 44
精华内容 17
关键字:

webview拦截http请求