關(guān)于富文本編輯,我只能說遍地是坑。
最近讀了微信讀書團(tuán)隊(duì)寫的一篇博文,我真的是深有同感。這里附上鏈接http://www.tuicool.com/articles/QB36jyZ。有富文本編輯需求的可以看一下,會(huì)讓你少走很多彎路。
想想去年剛進(jìn)公司的第一個(gè)月就接手富文本編輯功能,當(dāng)時(shí)技術(shù)組也沒有對(duì)這個(gè)需求進(jìn)行詳細(xì)的討論,三端各自開發(fā)各自的。一個(gè)月后測試,才發(fā)現(xiàn)樣式什么的都不大一樣,手機(jī)端都是用native來實(shí)現(xiàn)。我用的是TextKit,web端用的自己寫的css。最后三端渲染出來的富文本不管是在字體大小還是顏色方面都略有差別。于是一個(gè)月寫的代碼被推翻,開始了漫無止境的js和native交互。
好了,回到文章主題。首先打開Safari中的偏好設(shè)置,點(diǎn)擊【高級(jí)】,勾選底部【在菜單欄中顯示“開發(fā)”菜單】。這樣在頂部你就能看到開發(fā)兩個(gè)字了。

然后點(diǎn)擊開發(fā),會(huì)出現(xiàn)一個(gè)下拉列表。這個(gè)時(shí)候你需要將工程跑在模擬器或者真機(jī)上,列表中會(huì)顯示當(dāng)前加載這個(gè)工程的模擬器或者真機(jī)。然后在你要調(diào)試的app上打開你要調(diào)試的UIWebView頁面,這個(gè)時(shí)候下級(jí)目錄里會(huì)顯示你當(dāng)前運(yùn)行的app。

點(diǎn)擊模擬器或者真機(jī)的下級(jí)目錄下的app。桌面會(huì)彈出一個(gè)框,這個(gè)框就是網(wǎng)頁檢測器,此時(shí),你就可以調(diào)試了。

調(diào)試出的bug,會(huì)有紅色數(shù)字的提示。

點(diǎn)擊紅色數(shù)字,進(jìn)入bug詳情
