有些时候服务端会直接返回给我们一些html代码,但是直接用标签显示的话会出现一些nbsp这样的字段,而且看起来根本就是乱七八糟,什么都不是,苹果已经为我们提供了显示这些code的控件--webView
对于webView,原来的UIWebView已经被废弃掉了,现在流行使用WKWebView,这个是经过优化过的控件,使用起来更加具有优势,但是用法也是很简单。
Talk is cheap Show me the code
WKWebView *webView = [[WKWebView alloc] initWithFrame:self.view.bounds];
// [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];
[self.view addSubview:webView];
webView.UIDelegate = self;
webView.navigationDelegate = self;
NSString *strHTML = @"<p><strong>很经典的黑色后背纯雪纺透视装到货了哈</strong><strong> </strong></p><p><strong>前面莫代尔 手感顺滑 柔软 手感不错</strong></p><p><strong>后面薄薄的雪纺纱</strong></p><p><strong>腰节处开叉</strong></p><p><strong>很大气,超有范儿的一款 这个年代随时随地 都可见的欧美街头范儿</strong></p><p><strong>后背透、透、透</strong></p><p><strong>165身高 96J穿起来大概在膝盖不到10CM的位置</strong></p><p> </p><p><strong>亲们啊~ 特别美得一款,穿起来超级有范,</strong></p><p><strong>看着特别不起眼的一件衣服,但上身效果特别好,</strong></p><p><strong>背面全部透视的雪纺黑纱,特别性感,</strong></p><p><strong>里面需要配一款黑色吊带,两侧带开叉的设计,亲们赶紧下手吧~~·</strong></p><p> </p><p><strong>面料: 正面莫代尔背面:雪纺纱 </strong></p><p><strong>Label:</strong>无主标 无尺码标 有吊牌 普通包装</p><p> </p><p><strong>Size</strong>:平铺尺寸,由于手工测量,会有2~3厘米的误差</p><p>~SIZE=CM</p><p>胸围:126连肩袖长:65 前衣长:80 后衣长:90</p><p> <img style=\"border-width:0;border-image-width:initial\" src=\"https://img.alicdn.com/imgextra/i4/676496646/T2zdB0X9NXXXXXXXXX_!!676496646.jpg\" width=\"100%\" height=\"((348 / 500) * 100)%\" align=\"absmiddle\"> </p><p> </p>";
[webView loadHTMLString:strHTML baseURL:nil];
这里出现了Delegate
需要在文件集成代理
#import <WebKit/WebKit.h>
@interface ViewController ()<WKUIDelegate,WKNavigationDelegate>
更进一步的我们还可以更改需要显示的相关文字的样式等等
看下面的代码,基本上不需要解释,一看就懂的代码:
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation
{
//修改字体大小 300%
[ webView evaluateJavaScript:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '200%'" completionHandler:nil];
//修改字体颜色 #9098b8
[ webView evaluateJavaScript:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor= '#0078f0'" completionHandler:nil];
}