關于富文本編輯，我只能說遍地是坑。

最近讀了微信讀書團隊寫的一篇博文，我真的是深有同感。這里附上鏈接http://www.tuicool.com/articles/QB36jyZ。有富文本編輯需求的可以看一下，會讓你少走很多彎路。

想想去年剛進公司的第一個月就接手富文本編輯功能，當時技術組也沒有對這個需求進行詳細的討論，三端各自開發各自的。一個月后測試，才發現樣式什么的都不大一樣，手機端都是用native來實現。我用的是TextKit，web端用的自己寫的css。最后三端渲染出來的富文本不管是在字體大小還是顏色方面都略有差別。于是一個月寫的代碼被推翻，開始了漫無止境的js和native交互。

好了，回到文章主題。首先打開Safari中的偏好設置，點擊【高級】，勾選底部【在菜單欄中顯示“開發”菜單】。這樣在頂部你就能看到開發兩個字了。

屏幕快照 2018-07-12 上午10.39.09.png

然后點擊開發，會出現一個下拉列表。這個時候你需要將工程跑在模擬器或者真機上，列表中會顯示當前加載這個工程的模擬器或者真機。然后在你要調試的app上打開你要調試的UIWebView頁面，這個時候下級目錄里會顯示你當前運行的app。

屏幕快照 2018-07-12 上午10.39.20.png

點擊模擬器或者真機的下級目錄下的app。桌面會彈出一個框，這個框就是網頁檢測器，此時，你就可以調試了。

[圖片上傳中...(屏幕快照 2018-07-12 上午10.39.43.png-5f8608-1531363283916-0)]

調試出的bug，會有紅色數字的提示。

屏幕快照 2018-07-12 上午10.39.43.png

點擊紅色數字，進入bug詳情

屏幕快照 2018-07-12 上午10.39.56.png