Safari调试

作者: 何小博 | 来源:发表于2018-02-12 15:30 被阅读0次

# Safari 断点调试—iOS

iOS 系统内置 WebView 与 Safari 浏览器内核相同,我们可在 OSX 系统中,通过 Safari 浏览器开发者工具,向调试普通网页一样,调试真机中运行的网页。

## 准备工作

1. AppleID,拥有 **App 发布证书**的开发者帐号

2. 能运行 Safari 浏览器的 OSX 系统

3. iOS 系统真机

4. 可调试的 App 包

## 注册设备

在[苹果开发者网站][apple_dev_site]向公司的证书中注册需要调试的 iOS 设备

1. 在[苹果开发者网站][apple_dev_site]登录拥有证书的 AppleID

2. 进入证书管理界面

![开发者网站证书管理]

3. 管理证书中的设备

![开发者网站证书设备管理]

4. 通过 iOS 设备的 UDID 向证书注册该调试设备

![证书中注册设备]

## 开发者模式

iOS 与 OSX 中的 Safari 默认都不会开启开发者模式,需要分别启用

1. 开启 OSX 中 Safari 浏览器的开发者模式

![打开 OSX safari 开发]

2. 在 iOS 设备的设置界面,开启 Safari 浏览器开发功能

## 生成调试包

### 通过 XCode 生成调试包

在Xcode中选择需要打包的项目, Archives 工程项目

导出 ipa 时选择第四个选项 “save for development Deployment”,则导出的 ipa 为调试包

## 调试网页

完成以上步骤(证书注册、开发模式、调试包)后,就可调试 iOS 设备调试中的网页了

OSX 中 Safari 浏览器调试指定页面(手机屏幕变蓝表示是手机当前的 html 页面)

## 基本功能

以上一切的准备,都是为了实现,实时调试 iOS 设备中的网页,操作没有什么不同。

## 断点调试,查看元素模型等

相关文章

网友评论

    本文标题:Safari调试

    本文链接:https://www.haomeiwen.com/subject/wbortftx.html