谷歌瀏覽器程式碼格式化

admin發表於2019-09-07
谷歌瀏覽器

前端程式碼格式化是一件非常人性化的事情，便於程式碼的閱讀。

首先要明確，這個人性化是對開發人員來講的，對於程式碼的解析器來說毫無用處，並且是一種負擔。

在解析器嚴重，並不需要程式碼的索引或者換行等東西，但是對於程式設計師閱讀程式碼非常有必要。

通過谷歌開發者工具可以實現程式碼格式化效果，步驟如下：

（1）.首先進入谷歌開發者工具Sources皮膚：

a:3:{s:3:\"pic\";s:43:\"portal/201909/07/134105h1nn2enoso2vsoz2.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上面是螞蟻部落的部分原始碼截圖，格式化還算過的去。

但是更多的時候，閱讀體驗極差的情況，下面通過自帶工具對其進行格式化。

（2）.點選左下角按鈕：

a:3:{s:3:\"pic\";s:43:\"portal/201909/07/134115g7ejv7jfvge7dvgr.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

點選左下角的按鈕，可以自動實現格式化，截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/201909/07/134128gaqqghi7akaft7a7.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

很明顯上述程式碼實現了程式碼縮排與換行處理。

相關文章