有時我們會用webView來顯示網(wǎng)絡(luò)上的一些數(shù)據(jù),大大減少了我們代碼量,只要看好了一個網(wǎng)頁我們直接拿來了用就行,但是往往這些網(wǎng)頁中有一些是我們所不需要的東西.比如廣告了,一些鏈接啦,大大降低了我們的應(yīng)用程序的美觀 ;
文章里我用了這個 參考網(wǎng)址
1.首先用谷歌瀏覽器打開你需要用的網(wǎng)址 , 然后直接按command+option+l , 或者執(zhí)行下圖的操作打開開發(fā)者工具
開發(fā)者工具
2.然后我們會進入到下圖的頁面 , 點擊做了標(biāo)記的地方 ,切換設(shè)備的模式
切換成手機模式
3.接下來頁面會變成這樣 : 你可以在做了標(biāo)記的地方選擇設(shè)備的型號 , 這里我選擇了iphone6的
選擇設(shè)備類型
接下來就是最重要的幾步了:?
(1)一開始鼠標(biāo)在網(wǎng)頁上是變成一個黑的圓圈的,這時我們可以執(zhí)行拖的動作 , 當(dāng)你想找到你需要的控件時 , 你需要點擊剛剛切換設(shè)備的按鍵隔壁的一個箭頭標(biāo)記的按鍵 , 這時你就可以點擊頁面上的任意地方來查看他的相應(yīng)代碼
具體步驟
(2)當(dāng)你一點擊上圖的第二步 , 第三步有一行代碼背景就會變成灰色的 , 那一行就是相應(yīng)的代碼 , 緊接著打開控制臺Console 輸入如下代碼 回車
document.getElementsByClassName('這里寫你要消除的空間的class里面的字符串')[0].style.display = 'none'
比如上圖中我們需要刪除第二步的控件 , 我們就?可以在console輸入
document.getElementsByClassName('new-art-author')[0].style.display = 'none'
再按回車 , 神奇的事情發(fā)生了 , 控件不見了?
...
這樣我們就成功的刪除掉不需要的控件了 , 但是這里只是我們驗證代碼的正確性而已 !!!
具體操作我們要在代碼中執(zhí)行:
1.創(chuàng)建webview
self.webview = [[UIWebView alloc] initWithFrame:self.view.frame];
[self.view addSubview:_webview];
2.?設(shè)置代理
self.webview.delegate =self;
?3.發(fā)送請求
[_webview loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://app.vmoiver.com/48806?qingapp=app_new&debug=1"]]];?
4.通過webView的代理方法進行我們JS操作:
-(void)webViewDidFinishLoad:(UIWebView*)webView{
[_webViewstringByEvaluatingJavaScriptFromString:@"document.getElementsByClassName('hot-list m0')[0].style.display = 'none'"];
[_webViewstringByEvaluatingJavaScriptFromString:@"document.getElementsByClassName('item-title fs')[0].style.display = 'none'"];
[_webViewstringByEvaluatingJavaScriptFromString:@"document.getElementsByClassName('new-art-author')[0].style.display = 'none'"];
}
------------------------------end-----------------------------
