你觉得累吗? 累就对了,因为舒服是给死人准备的 …
今天遇到了webView 中网页显示的问题,大家都知道webView的强大之处,因为webView根据url(统一资源定位符)不但可以显示本地的资源,而且还可以显示网络上的一些数据,大大减少了我们代码量,只要看好了一个网页我们直接拿来了用就行,但是往往这些网页中有一些是我们所不需要的东西.比如广告了,一些链接啦,大大降低了我们的应用程序的美观.如下图
对于这样的问题,像我这小菜鸟真是脑洞再大也解决不了,幸得大神帮助,给我推荐一篇的博客.成功的解决了问题.
点击此处进入原文博客
根据大牛的思路,总共分这么几步
1.使用工具获取到你想要获取到页面上的控件(ccs操作???不懂…)
2.打开开发者工具 ,我们用到的地方如下图
######放大镜:你可以通过放大镜对网页上的控件进行选取,然后找到html代码.(重要的第一步呀)
######手机:转化为手机模式,但是前提必须要转换Device的模式,要不然,光是视图上的转变,没有实际的转变(注意:我现在拿手机的网页做示例,所有我需要转化,当你做的电脑的就不需要转换这些了)
3.查找到我们所需要的控件(JS操作)
####3.1点击放大镜,这样我们就可以对网页上的控件进行选取了;
3.2选取你要取消网页上的控件(单击就行),这时候你就会发现html代码有一部分被选中(右下边可以直接被编辑)
3.3我们在右下边可以直接填上下面这行代码,直接完成广告的去除,但这不是我们要的效果,我们要的效果是通过OC来去除广告,心急吃不了热豆腐,请执行下面代码
display:none (这行代码这右下边的编辑区任意地方写就行 如图)
3.4上面就是给你个希望而已,不要激动,精彩的在后面,我们看到了取出效果之后,我们就要找到class内的字符串,这里我们就要'g-mnc1'就行.
紧接着打开控制台Console 输入如下代码 回车
document.getElementsByClassName(‘这里写你要消除的空间的class里面的字符串’)
如图所示
紧接着打开数组中的第一个元素 输入如下代码 回车
document.getElementsByClassName(‘这里写你要消除的空间的class里面的字符串’)[0]
如图所示
又接着,我是真够了又接着了…重复呀!!够够的了.(这才是我们最终所需要的!!!注意啦)
document.getElementsByClassName(‘这里写你要消除的空间的class里面的字符串’)[0].style.display = ‘none’
4.验证完成之后,我们就需要对我们的UIwebView进行操作了,这里我就直接引用大牛的文章了(iOS操作)(这两天身体不适,改天再写了,抱歉了)
######1.创建UIWebView
######2.设置代理
######3.加载网络请求
注意:顺序问题很重要,不懂的直接当CV战士吧,尽情的复制黏贴吧,吼吼
//创建webview
self.webview = [[UIWebView alloc] initWithFrame:self.view.frame];
[self.view addSubview:_webview];
//设置代理
self.webview.delegate = self;
//发送请求
[_webview loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://m.haodou.com/topic-327282.html?id=327282"]]];
我们可以通过webView的代理方法进行我们 JS操作(如下) 方法:
- (void)webViewDidFinishLoad:(UIWebView *)webView
```
#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView *)webView{
[webView stringByEvaluatingJavascriptFromString:@“document.documentElement.getElementsByClassName(‘adpic’)[0].style.display = ‘none’”];
}
然后我们所需要的效果就出来了;新鲜的,来两口 .屏蔽webView中的广告完成.>######总结:document.documentElement.getElementsByClassName('这里写你要消除的空间的class里面的字符串')[0].style.display = 'none' 是我们今天的重点 最后感谢大牛的博客
####----> [点击此处进入原文博客](http://jwdev.cn/2015/09/28/use-Javascript-to-delete-web-element/)
有钱的点个喜欢,不要钱了,没钱的也来也喜欢了 谢谢大家了,呜呜....