WKWebView之Post请求引发的Chrome浏览器修改UserAgent访问被限制的H5页面

标题略长...

项目有一个H5的页面需要传参数,之前是使用GET请求在后面直接拼接参数,后来老大发话说需要改为POST请求去传参,iOS 使用UIWebView做POST请求是十分简单so easy的,但是项目中已经全部使用了WKWebView,而苹果的WKWebView对POST请求好像不是那么的友好,在发起请求时会获取不到参数,从而导致的就是无法访问啦!

既然出现了Bug.我们当然是选择Google啦.毕竟我只是一个搬砖工.

Google出来的结果有两种,都可以解决当前的问题.第一种是使用本地HTML去加载一段JS的表单提交函数(不知道这样叫对不对,毕竟我不会JS)
下面是JS代码

    




    


```

// 加载完成的代理方法

• (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
  // 判断是否需要加载（仅在第一次加载）
  if (self.needLoadJSPOST) {
  // 调用使用JS发送POST请求的方法
  [self postRequestWithJS];
  // 将Flag置为NO（后面就不需要加载了）
  self.needLoadJSPOST = NO;
  }
  }

// 调用JS发送POST请求

• (void)postRequestWithJS {
  // POST的参数
  // NSString *postData = @""key":"123","key":"123"";
  // 请求的页面地址
  NSString *urlStr = @"你的url";
  // 拼装成调用JavaScript的字符串
  NSString *jscript = [NSString stringWithFormat:@"post('%@', {%@});", urlStr, postData];

  // NSLog(@"Javascript: %@", jscript);
  // 调用JS代码
  [self.webView evaluateJavaScript:jscript completionHandler:^(id object, NSError * _Nullable error) {
  }];
  }

通过以上代码就可以正常的通过WKWebView发起Post请求了.
本着一个搬砖工的求知精神(就是闲的蛋疼),想着既然这段JS的HTML可以帮助我们发起POST访问页面,那我直接在浏览器上打开这个JS的HTML文件是不是也可以通过JS直接访问H5了呢?

后来就在html中调用了一下这个函数.
//这段是在浏览器中测试修改了UserAgent是否可以打开的.
// post('url',{post参数});

使用Chrome打开了这个HTML.出现了请在微信打开这个链接,OK,起码我们的猜测是对,在浏览器打开这个HTML是可以直接访问这个页面的.

继续猜测...
请在微信中打开,穷尽我有限的HTML和JS知识,这个可能是我的大前端兄弟判断了User-Agent做了限制?

实验见真知,立马在Chrome的应用商店搜索这个插件.就可以用来修改UserAgent.
![用来修改Chrome的UserAgent的Chrome插件.png](http://upload-images.jianshu.io/upload_images/1654512-4aadcfa2f237c42e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

down好后浏览器右上角出现这个图标


![image.png](http://upload-images.jianshu.io/upload_images/1654512-c29e9df76abd4f6f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

然后打开我们的HTML,OK,正常访问.我们完成了一次伟大的实验!!!