Web開發(fā)高亮插件v0.0.32.2免費(fèi)版

Web開發(fā)高亮插件是一款可以安裝到谷歌瀏覽器上使用支持所有chrome內(nèi)核瀏覽器操作的web開發(fā)格式化和高亮插件，在使用瀏覽器進(jìn)行web開發(fā)的過程中遇到了代碼問題，使用這款插件可以直接高亮提示。

基本簡介

　　Jsonview是目前最熱門的一款開發(fā)者工具插件，確切的來說jQuery JSONView是一款非常實用的格式化和語法高亮JSON格式數(shù)據(jù)查看器jQuery插件。它是查看json數(shù)據(jù)的神器。

插件特色

　　通常來講，json數(shù)據(jù)一般沒有經(jīng)過格式化或經(jīng)過了unicode編碼，沒有縮進(jìn)，沒有換行等，給開發(fā)者閱讀造成了一定困難。而jsonview插件可以自動對json數(shù)據(jù)轉(zhuǎn)碼，縮進(jìn)，格式化，直接顯示出格式化后的數(shù)據(jù)，同時它還支持各種數(shù)據(jù)類型的語法高亮，以及節(jié)點的收縮和展開等。使得開發(fā)人員可以更好的閱讀信息。

使用方法

　　1.下載壓縮包，在頁面中引入jquery和jquery.jsonview.js，以及jquery.jsonview.css文件。

　　2.關(guān)于如何設(shè)置JSONView語法高亮？

　　jQuery JSONView插件中的語法高亮是通過CSS來渲染不同數(shù)據(jù)類型的字符串，例如，可以在CSS中設(shè)置布爾型的數(shù)值為藍(lán)色，字符串類型為綠色等等。jquery.jsonview.css文件中已經(jīng)預(yù)設(shè)了各種高亮顏色，你可以根據(jù)實際情況自行修改。

　　3.如何初始化jsonview插件？

　　在頁面DOM元素加載完畢之后，可以通過JSONView()方法來初始化該插件。也可以在初始化時傳入配置參數(shù)。

　　4.如何配置jsonview參數(shù)？

　　jQuery JSONView插件可以使用以下一些配置參數(shù)。

　　collapsed：是否在第一次渲染時收縮所有的節(jié)點，默認(rèn)值為：false。

　　nl2br：是否將一個新行轉(zhuǎn)換為<br>字符串，默認(rèn)值為false。

　　recursive_collapser：是否遞歸收縮節(jié)點，默認(rèn)值為false。

　　escape：Escape HTML in key, default is true。

　　5.如何控制jsonview節(jié)點?

　　jQuery JSONView提供了以下的方法來控制JSON節(jié)點，所有的方法都接收一個level參數(shù)來在相應(yīng)的節(jié)點上執(zhí)行操作。

　　jQuery#JSONView('collapse', [level])：收縮節(jié)點。

　　jQuery#JSONView('expand', [level])：展開節(jié)點。

　　jQuery#JSONView('toggle', [level])：切換節(jié)點.

　　6.復(fù)制請求地址-json的url，粘貼到瀏覽器的地址欄-》確認(rèn)。

安裝方法

　　方法一：.crx文件格式插件安裝

　　1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

　　2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入：chrome://extensions/

　　3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動到Chrome的擴(kuò)展管理界面中，這時候用戶會發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會多出一個”拖動以安裝“的插件按鈕。

　　4.松開鼠標(biāo)就可以把當(dāng)前正在拖動的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會給予用戶一個確認(rèn)安裝的提示。

　　5.用戶這時候只需要點擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒有插件按鈕的話，用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。

　　方法二：文件夾格式插件安裝

　　1.首先用戶點擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

　　2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。

　　3.勾選開發(fā)者模式，點擊加載已解壓的擴(kuò)展程序，將文件夾選擇即可安裝插件。