美文网首页
iOS-WKWebView 加载HTML字符自适应文字和图片

iOS-WKWebView 加载HTML字符自适应文字和图片

作者: 见路_不走 | 来源:发表于2022-11-10 09:02 被阅读0次

WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];

NSString *jSString =@"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";

WKUserScript *script = [[WKUserScript alloc] initWithSource:jSString injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

NSString *htmlString = [NSString stringWithFormat:@"<html> \n""<head> \n""<style type=\"text/css\"> \n""body {font-size:15px;}\n""</style> \n""</head> \n""<body>""<script type='text/javascript'>""window.onload = function(){\n""var $img = document.getElementsByTagName('img');\n""var maxWidth = %f;\n""for(var k in $img){\n""if($img[k].width> maxWidth){\n"" $img[k].style.width = maxWidth;\n""}\n""$img[k].style.height ='auto'\n""}\n""}""</script>%@""</body>""</html>", _maxWidth,string];

    [self.webView loadHTMLString:htmlString baseURL:nil];

相关文章

网友评论

      本文标题:iOS-WKWebView 加载HTML字符自适应文字和图片

      本文链接:https://www.haomeiwen.com/subject/tjvotdtx.html