解決Golang在Web開發(fā)時前端莫名出現(xiàn)的空白換行
問題:
在使用Golang做Web開發(fā)時,有時候渲染出來的模板在前臺顯示時會出現(xiàn)一些奇怪的空白換行,具體特征就是查看css樣式表并沒有相關(guān)定義的空白部分。
分析:
查看出現(xiàn)問題頁面的網(wǎng)頁源代碼,復(fù)制空白換行部分轉(zhuǎn)碼為Unicode編碼,發(fā)現(xiàn)其中包含了\u2028
這樣的字符【圖一】。
【圖一】
另外,直接在瀏覽器檢查里邊的html選擇Edit as html,也可發(fā)現(xiàn)在空白處存在小紅點,鼠標移上會直接顯示該字符是\u2028
【圖二】。查閱資料發(fā)現(xiàn),這樣的換行符在JavaScript中并不支持。
【圖二】
解決方法:
在網(wǎng)頁檢查可以發(fā)現(xiàn),直接刪除這些小紅點便可解決問題。網(wǎng)上有直接前端處理的方式,即搜索頁面中的\u2028
并將其替換為\\u2028
即可,當然也可以在后臺使用Golang進行處理,即在輸出html前對內(nèi)容進行檢索,并替換即可。
strings.Replace(html,"\u2028","",-1)
好了,以上就是這篇文章的全部內(nèi)容,希望對大家的學(xué)習(xí)和工作能帶來幫助。如果有疑問可以留言交流。