RQWebViewViewController.m 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
  1. //
  2. // RQWebViewViewController.m
  3. // RQCommon
  4. //
  5. // Created by 张嵘 on 2018/11/27.
  6. // Copyright © 2018 张嵘. All rights reserved.
  7. //
  8. #import "RQWebViewViewController.h"
  9. @interface RQWebViewViewController ()
  10. /// webView
  11. @property (nonatomic, weak, readwrite) WKWebView *webView;
  12. /// 进度条
  13. @property (nonatomic, readwrite, strong) UIProgressView *progressView;
  14. /// 返回按钮
  15. @property (nonatomic, readwrite, strong) UIBarButtonItem *backItem;
  16. /// 关闭按钮 (点击关闭按钮 退出WebView)
  17. @property (nonatomic, readwrite, strong) UIBarButtonItem *closeItem;
  18. /// viewModel
  19. @property (nonatomic, strong, readonly) RQWebViewModel *viewModel;
  20. @end
  21. @implementation RQWebViewViewController
  22. @dynamic viewModel;
  23. - (void)dealloc{
  24. RQDealloc;
  25. /// remove observer ,otherwise will crash
  26. [_webView stopLoading];
  27. }
  28. - (void)viewWillAppear:(BOOL)animated {
  29. [super viewWillAppear:animated];
  30. /// 清除缓存
  31. NSArray *types = @[WKWebsiteDataTypeMemoryCache,WKWebsiteDataTypeDiskCache];
  32. NSSet *allWebsiteDataTypes = [WKWebsiteDataStore allWebsiteDataTypes];
  33. NSSet *websiteDataTypes = [NSSet setWithArray:types];
  34. NSDate *dateFrom = [NSDate dateWithTimeIntervalSince1970:0];
  35. [[WKWebsiteDataStore defaultDataStore] removeDataOfTypes:allWebsiteDataTypes modifiedSince:dateFrom completionHandler:^{
  36. }];
  37. [self.navigationController.navigationBar addSubview:self.progressView];
  38. /// 加载请求数据
  39. if (self.viewModel.request) {
  40. [self.webView loadRequest:self.viewModel.request];
  41. } else if (RQStringIsNotEmpty(self.viewModel.requestUrl)) {
  42. /// 加载请求数据
  43. NSString *encodedString = (NSString*) CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(kCFAllocatorDefault,(CFStringRef)self.viewModel.requestUrl,(CFStringRef)@"!$&'()*+,-./:;=?@_~%#[]",NULL, kCFStringEncodingUTF8));
  44. NSURL *httpUrl = [NSURL URLWithString:encodedString];
  45. NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:httpUrl];
  46. [self.webView loadRequest:request];
  47. }
  48. }
  49. - (void)viewWillDisappear:(BOOL)animated {
  50. [super viewWillDisappear:animated];
  51. [self.progressView removeFromSuperview];
  52. }
  53. - (void)viewDidLoad {
  54. [super viewDidLoad];
  55. // 添加断言,request错误 应用直接crash
  56. // NSParameterAssert(self.webView.request);
  57. [self.navigationItem setLeftBarButtonItems:@[self.backItem]];
  58. [self.navigationItem setRightBarButtonItems:@[self.closeItem]];
  59. /// 切记 lightempty_ios 是前端跟H5商量的结果,请勿修改。
  60. NSString *userAgent = @"";
  61. if (!(RQIOSVersion>=9.0)) [[NSUserDefaults standardUserDefaults] registerDefaults:@{@"userAgent":userAgent}];
  62. /// 注册JS
  63. WKUserContentController *userContentController = [[WKUserContentController alloc] init];
  64. /// 这里可以注册JS的处理 涉及公司私有方法 这里笔者不作处理
  65. if (self.viewModel.webViewType == RQWebViewType_Exam) {
  66. [userContentController addScriptMessageHandler:self name:@"backView"];
  67. [userContentController addScriptMessageHandler:self name:@"displayRow"];
  68. [userContentController addScriptMessageHandler:self name:@"displayCol"];
  69. }
  70. WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
  71. configuration.allowsInlineMediaPlayback = YES;
  72. if (@available(iOS 10.0, *)) {
  73. configuration.mediaTypesRequiringUserActionForPlayback = NO;
  74. }
  75. NSMutableString *jsString = [NSMutableString string];
  76. /// 自适应屏幕宽度
  77. [jsString appendString:@"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);"];
  78. /// 禁止长按
  79. [jsString appendString:@"document.documentElement.style.webkitTouchCallout='none';"];
  80. /// 禁止选择
  81. [jsString appendString:@"document.documentElement.style.webkitUserSelect='none';"];
  82. /// 关闭H5的缩放手势
  83. [jsString appendString:@"var script = document.createElement('meta');"
  84. "script.name = 'viewport';"
  85. "script.content=\"width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no\";"
  86. "document.getElementsByTagName('head')[0].appendChild(script);"];
  87. WKUserScript *userScript = [[WKUserScript alloc] initWithSource:jsString injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
  88. // 添加自适应屏幕宽度js调用的方法
  89. [userContentController addUserScript:userScript];
  90. /// 赋值userContentController
  91. configuration.userContentController = userContentController;
  92. WKWebView *webView = [[WKWebView alloc] initWithFrame:RQ_SCREEN_BOUNDS configuration:configuration];
  93. webView.navigationDelegate = self;
  94. webView.UIDelegate = self;
  95. if (@available(iOS 9.0, *)) {
  96. webView.customUserAgent = userAgent;
  97. } else {
  98. // Fallback on earlier versions
  99. }
  100. self.webView = webView;
  101. [self.view addSubview:webView];
  102. /// oc调用js
  103. [webView evaluateJavaScript:@"navigator.userAgent" completionHandler:^(id result, NSError *error) {
  104. NSLog(@"navigator.userAgent.result is ++++ %@", result);
  105. }];
  106. /// 监听数据
  107. @weakify(self)
  108. /// binding self.viewModel.avatarUrlString
  109. [[RACObserve(self.webView, title) takeUntil:self.rac_willDeallocSignal] subscribeNext:^(NSString *titleStr) {
  110. @strongify(self)
  111. NSLog(@"%@",titleStr);
  112. if (![titleStr isEqualToString:@"头文字D"]) {
  113. /// CoderMikeHe FIXED: 这里只设置导航栏的title 以免self.title 设置了tabBarItem.title
  114. if (!self.viewModel.shouldDisableWebViewTitle) self.titleView.title = self.webView.title;
  115. }
  116. }];
  117. [[RACObserve(self.webView, loading) takeUntil:self.rac_willDeallocSignal] subscribeNext:^(NSNumber *currentLoadingState) {
  118. @strongify(self)
  119. BOOL isLoading = [currentLoadingState boolValue];
  120. if (isLoading) {
  121. NSLog(@"--- webView is loading ---");
  122. if ((self.viewModel.webViewType == RQWebViewType_Exam)) {
  123. [self enterLandscapeFullScreen:UIInterfaceOrientationLandscapeLeft animated:YES];
  124. [self.webView setNeedsLayout];
  125. [self.webView layoutIfNeeded];
  126. }
  127. }else {
  128. NSLog(@"--- webView isn't loading ---");
  129. }
  130. }];
  131. [[RACObserve(self.webView, estimatedProgress) takeUntil:self.rac_willDeallocSignal] subscribeNext:^(NSNumber *estimatedProgressValue) {
  132. NSLog(@"%@",estimatedProgressValue);
  133. @strongify(self)
  134. [self.progressView setAlpha:1.0f];
  135. [self.progressView setProgress:self.webView.estimatedProgress animated:YES];
  136. if(self.webView.estimatedProgress >= 1.0f) {
  137. [UIView animateWithDuration:0.3 delay:0.3 options:UIViewAnimationOptionCurveEaseOut animations:^{
  138. [self.progressView setAlpha:0.0f];
  139. } completion:^(BOOL finished) {
  140. [self.progressView setProgress:0.0f animated:NO];
  141. }];
  142. }
  143. }];
  144. /// 添加刷新控件
  145. if(self.viewModel.shouldPullDownToRefresh){
  146. [self.webView.scrollView rq_addHeaderRefresh:^(MJRefreshNormalHeader *header) {
  147. @strongify(self)
  148. [self.webView reload];
  149. }];
  150. [self.webView.scrollView.mj_header beginRefreshing];
  151. }
  152. self.webView.scrollView.contentInset = self.contentInset;
  153. /// 适配 iPhone X + iOS 11,去掉安全区域
  154. if (@available(iOS 11.0, *)) {
  155. RQAdjustsScrollViewInsets_Never(webView.scrollView);
  156. }
  157. }
  158. #pragma mark - 事件处理
  159. - (void)_backItemDidClicked{ /// 返回按钮事件处理
  160. /// 可以返回到上一个网页,就返回到上一个网页
  161. if (self.webView.canGoBack) {
  162. [self.webView goBack];
  163. }else{/// 不能返回上一个网页,就返回到上一个界面
  164. /// 判断 是Push还是Present进来的,
  165. if (self.presentingViewController) {
  166. [self.viewModel.services dismissViewModelAnimated:YES completion:NULL];
  167. } else {
  168. [self.viewModel.services popViewModelAnimated:YES];
  169. }
  170. }
  171. }
  172. - (void)_closeItemDidClicked{
  173. /// 判断 是Push还是Present进来的
  174. if (self.presentingViewController) {
  175. [self.viewModel.services dismissViewModelAnimated:YES completion:NULL];
  176. } else {
  177. [self.viewModel.services popViewModelAnimated:YES];
  178. }
  179. }
  180. - (UIEdgeInsets)contentInset {
  181. BOOL isExamUrl = (self.viewModel.webViewType == RQWebViewType_Exam);
  182. BOOL isMp4 = [self.viewModel.request.URL.absoluteString containsString:@"mp4"];
  183. if (isExamUrl) {
  184. return UIEdgeInsetsZero;
  185. } else if (isMp4) {
  186. return UIEdgeInsetsMake(0, 0, RQ_APPLICATION_SAFEAREA_BOTTOM_HEIGHT, 0);
  187. } else {
  188. return UIEdgeInsetsMake(RQ_APPLICATION_TOP_BAR_HEIGHT, 0, RQ_APPLICATION_SAFEAREA_BOTTOM_HEIGHT, 0);
  189. }
  190. }
  191. - (void)enterLandscapeFullScreen:(UIInterfaceOrientation)orientation animated:(BOOL)animated {
  192. CGFloat cellHeight = RQ_SCREEN_HEIGHT - RQ_APPLICATION_STATUS_BAR_HEIGHT - RQ_APPLICATION_SAFEAREA_BOTTOM_HEIGHT;
  193. CGFloat rotation = 0;
  194. CGFloat duration = [UIApplication sharedApplication].statusBarOrientationAnimationDuration;
  195. if (orientation == UIInterfaceOrientationLandscapeLeft) {
  196. rotation = M_PI_2;
  197. }else if (orientation == UIInterfaceOrientationLandscapeRight) {
  198. rotation = M_PI_2 * 3;
  199. }
  200. UIView *presentView = self.webView;
  201. CGRect landRect = CGRectMake(RQ_APPLICATION_STATUS_BAR_HEIGHT, 0, cellHeight, RQ_SCREEN_WIDTH);
  202. [UIView animateWithDuration:duration animations:^{
  203. presentView.layer.affineTransform = CGAffineTransformMakeRotation(rotation);
  204. } completion:^(BOOL finished) {
  205. }];
  206. presentView.layer.bounds = landRect;
  207. }
  208. #pragma mark - WKScriptMessageHandler
  209. - (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
  210. /// js call OC function
  211. [QMUIConsole log:[NSString stringWithFormat:@"js call OC function :%@",message.name]];
  212. NSLog(@"js call OC function :%@",message.name);
  213. if ([message.name isEqualToString:@"displayRow"]) {
  214. [self enterLandscapeFullScreen:UIInterfaceOrientationLandscapeLeft animated:YES];
  215. [self.webView setNeedsLayout];
  216. [self.webView layoutIfNeeded];
  217. } else if ([message.name isEqualToString:@"backView"]) {
  218. [userContentController removeScriptMessageHandlerForName:@"backView"];
  219. [userContentController removeScriptMessageHandlerForName:@"displayRow"];
  220. [userContentController removeScriptMessageHandlerForName:@"displayCol"];
  221. [self _backItemDidClicked];
  222. }
  223. }
  224. #pragma mark - WKNavigationDelegate
  225. /// 内容开始返回时调用
  226. - (void)webView:(WKWebView *)webView didCommitNavigation:(null_unspecified WKNavigation *)navigation {
  227. /// 不显示关闭按钮
  228. if(self.viewModel.shouldDisableWebViewClose) return;
  229. UIBarButtonItem *backItem = self.navigationItem.leftBarButtonItems.firstObject;
  230. if (backItem) {
  231. if ([self.webView canGoBack]) {
  232. [self.navigationItem setLeftBarButtonItems:@[backItem, self.closeItem]];
  233. } else {
  234. [self.navigationItem setLeftBarButtonItems:@[backItem]];
  235. }
  236. }
  237. }
  238. // 导航完成时,会回调(也就是页面载入完成了)
  239. - (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation {
  240. if (self.viewModel.shouldPullDownToRefresh) [webView.scrollView.mj_header endRefreshing];
  241. [webView evaluateJavaScript:@"document.body.scrollHeight" completionHandler:^(id _Nullable result, NSError * _Nullable error) {
  242. double height = [result doubleValue];
  243. NSLog(@"%f",height);
  244. }];
  245. }
  246. // 导航失败时会回调
  247. - (void)webView:(WKWebView *)webView didFailNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error {
  248. if (self.viewModel.shouldPullDownToRefresh) [webView.scrollView.mj_header endRefreshing];
  249. }
  250. // 在发送请求之前,决定是否跳转
  251. - (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
  252. NSLog(@"navigationAction.request.URL: %@", navigationAction.request.URL);
  253. decisionHandler(WKNavigationActionPolicyAllow);
  254. }
  255. - (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler {
  256. decisionHandler(WKNavigationResponsePolicyAllow);
  257. }
  258. - (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential *__nullable credential))completionHandler {
  259. NSURLCredential *cred = [[NSURLCredential alloc] initWithTrust:challenge.protectionSpace.serverTrust];
  260. completionHandler(NSURLSessionAuthChallengeUseCredential, cred);
  261. }
  262. #pragma mark - WKUIDelegate
  263. - (nullable WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures {
  264. /// 解决点击网页的链接 不跳转的Bug。
  265. WKFrameInfo *frameInfo = navigationAction.targetFrame;
  266. if (![frameInfo isMainFrame]) {
  267. [webView loadRequest:navigationAction.request];
  268. }
  269. return nil;
  270. }
  271. #pragma mark runJavaScript
  272. - (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler {
  273. // [NSObject rq_showAlertViewWithTitle:@"温馨提示" message:message confirmTitle:@"我知道了"];
  274. completionHandler();
  275. }
  276. - (void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL result))completionHandler {
  277. completionHandler(YES);
  278. }
  279. - (void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(nullable NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * __nullable result))completionHandler {
  280. completionHandler(defaultText);
  281. }
  282. #pragma mark - Getter & Setter
  283. - (UIProgressView *)progressView {
  284. if (!_progressView) {
  285. CGFloat progressViewW = RQ_SCREEN_WIDTH;
  286. CGFloat progressViewH = 3;
  287. CGFloat progressViewX = 0;
  288. CGFloat progressViewY = CGRectGetHeight(self.navigationController.navigationBar.frame) - progressViewH + 1;
  289. UIProgressView *progressView = [[UIProgressView alloc] initWithFrame:CGRectMake(progressViewX, progressViewY, progressViewW, progressViewH)];
  290. progressView.progressTintColor = RQ_MAIN_TINTCOLOR;
  291. progressView.trackTintColor = [UIColor clearColor];
  292. [self.view addSubview:progressView];
  293. self.progressView = progressView;
  294. }
  295. return _progressView;
  296. }
  297. - (UIBarButtonItem *)backItem
  298. {
  299. if (_backItem == nil) {
  300. _backItem = [UIBarButtonItem rq_backItemWithTitle:@"返回" imageName:@"back_black" target:self action:@selector(_backItemDidClicked)];
  301. }
  302. return _backItem;
  303. }
  304. - (UIBarButtonItem *)closeItem {
  305. if (!_closeItem) {
  306. _closeItem = [UIBarButtonItem rq_systemItemWithTitle:@"关闭" titleColor:RQ_MAIN_COLOR imageName:nil target:self selector:@selector(_closeItemDidClicked) textType:YES];
  307. }
  308. return _closeItem;
  309. }
  310. @end