# Safari 斷點調(diào)試—iOS

iOS 系統(tǒng)內(nèi)置 WebView 與 Safari 瀏覽器內(nèi)核相同，我們可在 OSX 系統(tǒng)中，通過 Safari 瀏覽器開發(fā)者工具，向調(diào)試普通網(wǎng)頁一樣，調(diào)試真機中運行的網(wǎng)頁。

## 準(zhǔn)備工作

1. AppleID，擁有 **App 發(fā)布證書**的開發(fā)者帳號

2. 能運行 Safari 瀏覽器的 OSX 系統(tǒng)

3. iOS 系統(tǒng)真機

4. 可調(diào)試的 App 包

## 注冊設(shè)備

在[蘋果開發(fā)者網(wǎng)站][apple_dev_site]向公司的證書中注冊需要調(diào)試的 iOS 設(shè)備

1. 在[蘋果開發(fā)者網(wǎng)站][apple_dev_site]登錄擁有證書的 AppleID

2. 進入證書管理界面

![開發(fā)者網(wǎng)站證書管理]

3. 管理證書中的設(shè)備

![開發(fā)者網(wǎng)站證書設(shè)備管理]

4. 通過 iOS 設(shè)備的 UDID 向證書注冊該調(diào)試設(shè)備

![證書中注冊設(shè)備]

## 開發(fā)者模式

iOS 與 OSX 中的 Safari 默認(rèn)都不會開啟開發(fā)者模式，需要分別啟用

1. 開啟 OSX 中 Safari 瀏覽器的開發(fā)者模式

![打開 OSX safari 開發(fā)]

2. 在 iOS 設(shè)備的設(shè)置界面，開啟 Safari 瀏覽器開發(fā)功能

## 生成調(diào)試包

### 通過 XCode 生成調(diào)試包

在Xcode中選擇需要打包的項目， Archives 工程項目

導(dǎo)出 ipa 時選擇第四個選項 “save for development Deployment”，則導(dǎo)出的 ipa 為調(diào)試包

## 調(diào)試網(wǎng)頁

完成以上步驟（證書注冊、開發(fā)模式、調(diào)試包）后，就可調(diào)試 iOS 設(shè)備調(diào)試中的網(wǎng)頁了

OSX 中 Safari 瀏覽器調(diào)試指定頁面(手機屏幕變藍表示是手機當(dāng)前的 html 頁面)

## 基本功能

以上一切的準(zhǔn)備，都是為了實現(xiàn)，實時調(diào)試 iOS 設(shè)備中的網(wǎng)頁，操作沒有什么不同。

## 斷點調(diào)試,查看元素模型等