iOS 用safari调试webview

iOS 用safari调试webview

需要先打开模拟器，后打开Safari，否则可能会出现在Safari-开发下看不到simulator

1.打开iPhone或者模拟器上的web调试器

设置-Safari-高级-web检查器 右侧按钮打开

2.safari 工具栏显示开发

【Safari】-【偏好设置】-【高级】-勾选【在菜单栏中显示“开发”菜单】

3.创建一个包含webview的demo

@interface ViewController ()
@property (strong, nonatomic) UIWebView *webView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    _webView = [[UIWebView alloc] initWithFrame:self.view.bounds];
    [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.baidu.com"]]];
    [self.view addSubview:_webView];
}

4.用Safari调试webview

在模拟器或者真机上运行demo
以在模拟器上运行为例，从Safari-开发-simulator 下查看可调试webview

点击会出现下图界面

接下来就可以修改webview的样式进行调试了。