Web開發(fā)高亮插件是一款可以安裝到谷歌瀏覽器上使用支持所有chrome內(nèi)核瀏覽器操作的web開發(fā)格式化和高亮插件,在使用瀏覽器進(jìn)行web開發(fā)的過(guò)程中遇到了代碼問(wèn)題,使用這款插件可以直接高亮提示。
基本簡(jiǎn)介
Jsonview是目前最熱門的一款開發(fā)者工具插件,確切的來(lái)說(shuō)jQuery JSONView是一款非常實(shí)用的格式化和語(yǔ)法高亮JSON格式數(shù)據(jù)查看器jQuery插件。它是查看json數(shù)據(jù)的神器。
插件特色
通常來(lái)講,json數(shù)據(jù)一般沒(méi)有經(jīng)過(guò)格式化或經(jīng)過(guò)了unicode編碼,沒(méi)有縮進(jìn),沒(méi)有換行等,給開發(fā)者閱讀造成了一定困難。而jsonview插件可以自動(dòng)對(duì)json數(shù)據(jù)轉(zhuǎn)碼,縮進(jìn),格式化,直接顯示出格式化后的數(shù)據(jù),同時(shí)它還支持各種數(shù)據(jù)類型的語(yǔ)法高亮,以及節(jié)點(diǎn)的收縮和展開等。使得開發(fā)人員可以更好的閱讀信息。
使用方法
1.下載壓縮包,在頁(yè)面中引入jquery和jquery.jsonview.js,以及jquery.jsonview.css文件。
2.關(guān)于如何設(shè)置JSONView語(yǔ)法高亮?
jQuery JSONView插件中的語(yǔ)法高亮是通過(guò)CSS來(lái)渲染不同數(shù)據(jù)類型的字符串,例如,可以在CSS中設(shè)置布爾型的數(shù)值為藍(lán)色,字符串類型為綠色等等。jquery.jsonview.css文件中已經(jīng)預(yù)設(shè)了各種高亮顏色,你可以根據(jù)實(shí)際情況自行修改。
3.如何初始化jsonview插件?
在頁(yè)面DOM元素加載完畢之后,可以通過(guò)JSONView()方法來(lái)初始化該插件。也可以在初始化時(shí)傳入配置參數(shù)。
4.如何配置jsonview參數(shù)?
jQuery JSONView插件可以使用以下一些配置參數(shù)。
collapsed:是否在第一次渲染時(shí)收縮所有的節(jié)點(diǎn),默認(rèn)值為:false。
nl2br:是否將一個(gè)新行轉(zhuǎn)換為<br>字符串,默認(rèn)值為false。
recursive_collapser:是否遞歸收縮節(jié)點(diǎn),默認(rèn)值為false。
escape:Escape HTML in key, default is true。
5.如何控制jsonview節(jié)點(diǎn)?
jQuery JSONView提供了以下的方法來(lái)控制JSON節(jié)點(diǎn),所有的方法都接收一個(gè)level參數(shù)來(lái)在相應(yīng)的節(jié)點(diǎn)上執(zhí)行操作。
jQuery#JSONView('collapse', [level]):收縮節(jié)點(diǎn)。
jQuery#JSONView('expand', [level]):展開節(jié)點(diǎn)。
jQuery#JSONView('toggle', [level]):切換節(jié)點(diǎn).
6.復(fù)制請(qǐng)求地址-json的url,粘貼到瀏覽器的地址欄-》確認(rèn)。
安裝方法
方法一:.crx文件格式插件安裝
1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕,在下拉框中選擇設(shè)置。
2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入:chrome://extensions/
3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx,然后將其從資源管理器中拖動(dòng)到Chrome的擴(kuò)展管理界面中,這時(shí)候用戶會(huì)發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會(huì)多出一個(gè)”拖動(dòng)以安裝“的插件按鈕。
4.松開鼠標(biāo)就可以把當(dāng)前正在拖動(dòng)的插件安裝到谷歌瀏覽器中去,但是谷歌考慮用戶的安全隱私,在用戶松開鼠標(biāo)后還會(huì)給予用戶一個(gè)確認(rèn)安裝的提示。
5.用戶這時(shí)候只需要點(diǎn)擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去,安裝成功以后該插件會(huì)立即顯示在瀏覽器右上角(如果有插件按鈕的話),如果沒(méi)有插件按鈕的話,用戶還可以通過(guò)Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。
方法二:文件夾格式插件安裝
1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕,在下拉框中選擇設(shè)置。
2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。
3.勾選開發(fā)者模式,點(diǎn)擊加載已解壓的擴(kuò)展程序,將文件夾選擇即可安裝插件。