在web開發(fā)的過程中入热，抓包拍棕、調(diào)試頁面樣式、查看請求頭是很常用的技巧勺良。其實在iOS開發(fā)中绰播，這些技巧也能用（無論是模擬器還是真機(jī)），不過我們需要用到mac自帶的瀏覽器Safari尚困。所以蠢箩，本文將講解如何使用Safari對iOS程序中的webview進(jìn)行調(diào)試。
環(huán)境信息：
Mac OS X 10.10.1
Xcode 6.1.1
iOS 8.1
正文：
1. 打開模擬器（真機(jī)）的開發(fā)者模式
【設(shè)置】->【Safari】->【高級】->【W(wǎng)eb檢查器】打開
打開iphone設(shè)備中的web檢查器
打開iphone設(shè)備中的web檢查器
2. 打開Mac上Safari的開發(fā)者模式
【Safari】->【偏好設(shè)置】->【高級】->【在菜單欄中顯示“開發(fā)”菜單】勾選
打開Safari中的開發(fā)者模式
打開Safari中的開發(fā)者模式
3. 寫一個webview并加載一個網(wǎng)頁
#import "ViewController.h"
@interfaceViewController ()
@property (strong, nonatomic) UIWebView *webView;
@end
@implementation ViewController
- (void)viewDidLoad {
[superviewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
_webView = [[UIWebViewalloc] initWithFrame:self.view.bounds];
[_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];
[self.view addSubview:_webView];
}
@end
4. 在模擬器（真機(jī)）中打開webview應(yīng)用尾组，并打開Safari查看網(wǎng)絡(luò)信息
【開發(fā)】->【iOS Simulator】->【正在調(diào)試的網(wǎng)站】
注意：必須要webview在加載網(wǎng)頁時忙芒，打開Safari才可以看到調(diào)試模式示弓。
打開Safari中的調(diào)試
打開Safari中的調(diào)試
在彈出的調(diào)試窗口中讳侨，可以看到當(dāng)前正在加載網(wǎng)頁的各種信息，包括源碼奏属、請求頭跨跨、圖片、加載的資源與腳本囱皿、控制臺輸出等勇婴。并且它和web前端的調(diào)試方式相同，你可以直接修改網(wǎng)頁的CSS樣式嘱腥，對網(wǎng)頁布局等進(jìn)行修改耕渴，而不用重新運(yùn)行整個App。
5. 修改web樣式
將光標(biāo)選中到要修改的樣式齿兔，進(jìn)行修改后橱脸，可以直接在模擬器中看到修改后的效果础米。
直接修改webview中的樣式
直接修改webview中的樣式
當(dāng)然，webview的調(diào)試技巧還有很多添诉，比如Charles工具等屁桑。感興趣的小伙伴可以多研究下。
轉(zhuǎn)載：http://www.saitjr.com/ios/ios-user-safari-debug-webview.html
