{"id":23125,"date":"2024-03-15T12:49:37","date_gmt":"2024-03-15T04:49:37","guid":{"rendered":"https:\/\/h5app.yimenapp.cn\/h5app\/?p=23125"},"modified":"2024-03-15T12:49:37","modified_gmt":"2024-03-15T04:49:37","slug":"wkwebview%e6%89%93%e5%8c%85h5%e6%93%8d%e4%bd%9c%e5%8a%9e%e6%b3%95%e4%bb%8b%e7%bb%8d","status":"publish","type":"post","link":"https:\/\/h5app.yimenapp.cn\/h5app\/2024\/sjapp\/23125\/","title":{"rendered":"wkwebview\u6253\u5305h5\u64cd\u4f5c\u529e\u6cd5\u4ecb\u7ecd"},"content":{"rendered":"<p>WKWebView\u662fiOS\u7cfb\u7edf\u4e2d\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u5b83\u53ef\u4ee5\u7528\u6765\u663e\u793a\u7f51\u9875\u3002\u4e0eUIWebView\u76f8\u6bd4\uff0cWKWebView\u66f4\u52a0\u9ad8\u6548\uff0c\u5177\u6709\u66f4\u597d\u7684\u6027\u80fd\u548c\u66f4\u5b8c\u5584\u7684JavaScript\u4ea4\u4e92\u652f\u6301\u3002\u5728iOS\u5e94\u7528\u4e2d\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528WKWebView\u6765\u52a0\u8f7d\u672c\u5730\u7684H5\u9875\u9762\uff0c\u4ece\u800c\u5b9e\u73b0\u539f\u751f\u5e94\u7528\u548cH5\u9875\u9762\u7684\u6df7\u5408\u5f00\u53d1\u3002<\/p>\n<p>\u5c06H5\u9875\u9762\u6253\u5305\u5230iOS\u5e94\u7528\u4e2d\uff0c\u53ef\u4ee5\u63d0\u9ad8\u5e94\u7528\u7684\u6027\u80fd\u548c\u7528\u6237\u4f53\u9a8c\u3002\u5f53\u7528\u6237\u5728\u4f7f\u7528\u5e94\u7528\u65f6\uff0c\u53ef\u4ee5\u76f4\u63a5\u8bbf\u95ee\u672c\u5730\u7684H5\u9875\u9762\uff0c\u800c\u4e0d\u9700\u8981\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6765\u83b7\u53d6\u9875\u9762\u5185\u5bb9\u3002\u8fd9\u6837\u53ef\u4ee5\u51cf\u5c11\u7f51\u7edc\u8bf7\u6c42\u7684\u6b21\u6570\uff0c\u63d0\u9ad8\u5e94\u7528\u7684\u54cd\u5e94\u901f\u5ea6\u548c\u7a33\u5b9a\u6027\u3002<\/p>\n<p>\u4e0b\u9762\u662fWKWebView\u6253\u5305H5\u7684\u539f\u7406\u548c\u8be6\u7ec6\u4ecb\u7ecd\uff1a<\/p>\n<p>1. \u51c6\u5907H5\u6587\u4ef6<\/p>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u9700\u8981\u51c6\u5907\u597d\u8981\u6253\u5305\u7684H5\u6587\u4ef6\u3002\u8fd9\u4e9b\u6587\u4ef6\u5305\u62ecHTML\u3001CSS\u3001JavaScript\u7b49\uff0c\u53ef\u4ee5\u4f7f\u7528\u4efb\u4f55\u4e00\u79cd\u7f16\u8f91\u5668\u6216\u5f00\u53d1\u5de5\u5177\u8fdb\u884c\u7f16\u8f91\u548c\u8c03\u8bd5\u3002\u5728\u51c6\u5907H5\u6587\u4ef6\u65f6\uff0c\u9700\u8981\u6ce8\u610f\u6587\u4ef6\u7684\u8def\u5f84\u548c\u5f15\u7528\u65b9\u5f0f\uff0c\u786e\u4fdd\u6587\u4ef6\u80fd\u591f<\/p>\n<p><figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/i.yimenyun.net\/2023-03\/16\/14\/23902061131.jpg\" \/><\/figure>\n<\/p>\n<p>\u6b63\u786e\u5730\u88ab\u52a0\u8f7d\u548c\u663e\u793a\u3002<\/p>\n<p>2. \u521b\u5efaWKWebView<\/p>\n<p>\u5728iOS\u5e94\u7528\u4e2d\u521b\u5efaWKWebView\u975e\u5e38\u7b80\u5355\uff0c\u53ea\u9700\u8981\u4f7f\u7528\u4ee5\u4e0b\u4ee3\u7801\u5373\u53ef\uff1a<\/p>\n<p>&#8220;`<a href=\"https:\/\/appdabao.yimenapp.com\/jiage-1538.html\">app\u6253\u5305\u4e0a\u7ebf\u5b89\u5353<\/a><\/p>\n<p>WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];<\/p>\n<p>[self.view addSubview:webView];<\/p>\n<p>&#8220;`<\/p>\n<p>\u8fd9\u6837\u5c31\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a\u5168\u5c4f\u7684WKWebView\uff0c\u5e76\u5c06\u5176\u6dfb\u52a0\u5230\u89c6\u56fe\u4e2d\u3002<\/p>\n<p>3. \u52a0\u8f7dH5\u6587\u4ef6<\/p>\n<p>\u8981\u5c06H5\u6587\u4ef6\u52a0\u8f7d\u5230WKWebView\u4e2d\uff0c\u9700\u8981\u4f7f\u7528WKWebView\u7684loadFileURL\u65b9\u6cd5\u3002\u8be5\u65b9\u6cd5\u9700\u8981\u4f20\u5165\u4e24\u4e2a\u53c2\u6570\uff1a\u6587\u4ef6\u7684URL\u548c\u57fa\u7840URL\u3002\u5176\u4e2d\uff0c\u6587\u4ef6\u7684URL\u662f\u6307H5\u6587\u4ef6\u7684\u672c\u5730\u8def\u5f84\uff0c\u57fa\u7840URL\u662f\u6307H5\u6587\u4ef6\u4e2d\u7684\u76f8\u5bf9\u8def\u5f84\u6240\u57fa\u4e8e\u7684URL\u3002\u4ee5\u4e0b\u662f\u793a\u4f8b\u4ee3\u7801\uff1a<\/p>\n<p>&#8220;`<\/p>\n<p>NSString *path = [[NSBundle mainBundle] pathForResource:@&#8221;index&#8221; ofType:@&#8221;html&#8221;];<\/p>\n<p>NSURL *fileURL = [NSURL fileURLWithPath:path];<\/p>\n<p>NSURL *baseURL = [NSURL fileURLWithPath:path.stringByDeletingLastPathComponent];<\/p>\n<p>[webView loadFileURL:fileURL allowingReadAccessToURL:baseURL];<\/p>\n<p>&#8220;`<\/p>\n<p>\u5728\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u4f7f\u7528NSBundle\u7684pathForResource\u65b9\u6cd5\u83b7\u53d6\u4e86H5\u6587\u4ef6\u7684\u672c\u5730\u8def\u5f84\uff0c\u5e76\u4f7f\u7528NSURL\u7684fileURLWithPath\u65b9\u6cd5\u5c06\u5176\u8f6c\u6362\u4e3a\u6587\u4ef6\u7684URL\u3002\u7136\u540e\uff0c\u4f7f\u7528NSURL\u7684stringByDeletingLastPathComponent\u65b9\u6cd5\u83b7\u53d6\u4e86\u57fa\u7840URL\uff0c\u5e76\u5c06\u5176\u4f20\u5165\u4e86loadFileURL\u65b9\u6cd5\u4e2d\u3002<\/p>\n<p>4. \u81ea\u5b9a\u4e49WKWebView\u7684\u884c\u4e3a<\/p>\n<p>\u5728WKWebView\u4e2d\uff0c\u53ef\u4ee5\u901a\u8fc7WKWebViewConfiguration\u6765\u81ea\u5b9a\u4e49\u5176\u884c\u4e3a\u3002\u4f8b\u5982\uff0c\u53ef\u4ee5\u8bbe\u7f6eWKWebView\u7684User-Agent\u3001JavaScript\u6ce8\u5165\u7b49\u3002\u4ee5\u4e0b\u662f\u793a\u4f8b\u4ee3\u7801\uff1a<\/p>\n<p>&#8220;`<\/p>\n<p>WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];<\/p>\n<p>config.userContentController = [[WKUserContentController alloc] init];<\/p>\n<p>NSString *userAgent = @&#8221;Mozilla\/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit\/604.1.38 (KHTML, like Gecko) Version\/11.0 Mobile\/15A372 Safari\/604.1&#8243;;<\/p>\n<p>NSDictionary *userAgentDict = @{@&#8221;UserAgent&#8221;: userAgent};<\/p>\n<p>[[NSUserDefaults standardUserDefaults] registerDefaults:userAgentDict];<\/p>\n<p>&#8220;`<\/p>\n<p>\u5728\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u521b\u5efa\u4e86\u4e00\u4e2aWKWebViewConfiguration\u5bf9\u8c61\uff0c\u5e76\u5c06\u5176userContentController\u5c5e\u6027\u8bbe\u7f6e\u4e3a\u4e00\u4e2a\u65b0\u7684WKUserContentController\u5bf9\u8c61\u3002\u7136\u540e\uff0c\u6211\u4eec\u4f7f\u7528NSUserDefaults\u7684registerDefaults\u65b9\u6cd5\u5c06\u81ea\u5b9a\u4e49\u7684User-Agent\u8bbe\u7f6e\u4e3a\u5168\u5c40\u7684\u9ed8\u8ba4\u503c\u3002<\/p>\n<p>5. \u5904\u7406WKWebView\u7684\u56de\u8c03<\/p>\n<p>\u5728WKWebView\u4e2d\uff0c\u53ef\u4ee5\u901a\u8fc7WKNavigationDelegate\u6765\u5904\u7406\u5176\u56de\u8c03\u3002\u4f8b\u5982\uff0c\u53ef\u4ee5\u5728WKNavigationDelegate\u7684webView:didFinishNavigation:\u65b9\u6cd5\u4e2d\u83b7\u53d6\u9875\u9762\u7684\u6807\u9898\u3001URL\u7b49\u4fe1\u606f\u3002\u4ee5\u4e0b\u662f\u793a\u4f8b\u4ee3\u7801\uff1a<\/p>\n<p>&#8220;`<\/p>\n<p>&#8211; (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {<\/p>\n<p>    self.title = webView.title;<\/p>\n<p>    self.urlLabel.text = webView.URL.absoluteString;<\/p>\n<p>}<\/p>\n<p>&#8220;`<\/p>\n<p>\u5728\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u5b9e\u73b0\u4e86WKNav<a href=\"https:\/\/appdabao.yimenapp.com\/jiage-2806.html\">app\u7f51\u9875\u7248<\/a>igationDelegate\u7684webView:didFinishNavigation:\u65b9\u6cd5\uff0c\u5e76\u5728\u5176\u4e2d\u83b7\u53d6\u4e86\u9875\u9762\u7684\u6807\u9898\u548cURL\uff0c\u5e76\u5c06\u5176\u5206\u522b\u8bbe\u7f6e\u4e3a\u4e86\u5f53\u524d\u89c6\u56fe\u63a7\u5236\u5668\u7684\u6807\u9898\u548cURL\u6807\u7b7e\u7684\u6587\u672c\u3002<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662fWKWebView\u6253\u5305H5\u7684\u539f\u7406\u548c\u8be6\u7ec6\u4ecb\u7ecd\u3002\u901a\u8fc7\u5c06H5\u6587\u4ef6\u6253\u5305\u5230iOS\u5e94\u7528\u4e2d\uff0c\u53ef\u4ee5\u63d0\u9ad8\u5e94\u7528\u7684\u6027\u80fd\u548c\u7528\u6237\u4f53\u9a8c\uff0c\u540c\u65f6\u4e5f\u53ef\u4ee5\u66f4\u597d\u5730\u5b9e\u73b0\u539f\u751f\u5e94\u7528\u548cH5\u9875\u9762\u7684\u6df7\u5408\u5f00\u53d1\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WKWebView\u662fiOS\u7cfb\u7edf\u4e2d\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u5b83\u53ef\u4ee5\u7528\u6765\u663e\u793a\u7f51\u9875\u3002\u4e0eUIWebView\u76f8\u6bd4\uff0cWKWebView\u66f4\u52a0\u9ad8\u6548\uff0c\u5177\u6709\u66f4\u597d\u7684\u6027\u80fd\u548c\u66f4\u5b8c\u5584\u7684JavaScript\u4ea4\u4e92\u652f\u6301\u3002\u5728iOS\u5e94\u7528\u4e2d\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[22766,81,416,25429,290],"topic":[],"class_list":["post-23125","post","type-post","status-publish","format-standard","hentry","category-sjapp","tag-ios","tag-81","tag-416","tag-apk","tag-290"],"_links":{"self":[{"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/posts\/23125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/comments?post=23125"}],"version-history":[{"count":1,"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/posts\/23125\/revisions"}],"predecessor-version":[{"id":23153,"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/posts\/23125\/revisions\/23153"}],"wp:attachment":[{"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/media?parent=23125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/categories?post=23125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/tags?post=23125"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/h5app.yimenapp.cn\/h5app\/wp-json\/wp\/v2\/topic?post=23125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}