code cola插件是一款非常好用的能查看網(wǎng)頁代碼樣式的chrome CSS樣式可視化插件，相信大家都知道，網(wǎng)頁設(shè)計出來以后，其樣式都是不能在瀏覽器上修改的，只有設(shè)計網(wǎng)頁的作者才能修改，但是有了這款Code Cola插件，用戶就可以直接在瀏覽器上修改你打開的網(wǎng)頁。code cola插件并不是直接修改原版網(wǎng)頁，只是利用遮罩在瀏覽器上添加一個虛幻的效果，一旦您使用其他瀏覽器打開相同的網(wǎng)頁，特效就不存在了，就像是為網(wǎng)頁添加一個新的圖層一樣，感興趣的朋友不要錯過了。

軟件功能

1、code cola插件是一款可以改變你瀏覽器網(wǎng)頁效果的工具，支持二十多種設(shè)置

2、可以獲取改變網(wǎng)頁的連接地址，將一個HTML文件修改文字、修改顏色、修改背景

3、可以搜索網(wǎng)頁，如果您有指定的HTML文件，就輸入地址，這樣就能修改了

4、在修改當(dāng)前的網(wǎng)頁，您啟動瀏覽器后，隨機(jī)打開一個網(wǎng)頁，然后利用code cola插件修改

5、可以查看實(shí)時效果，修改以后，點(diǎn)擊保存，鼠標(biāo)點(diǎn)擊頁面即可查看軟件特色1、code cola插件是中文的設(shè)置界面，雖然有的功能是英文的，但是影響不大

2、可以輕松修改HTML文字效果，圖片效果、邊框效果

3、讓您在同一個瀏覽器上查看兩種不一樣的網(wǎng)頁

4、可以隨時關(guān)閉效果，點(diǎn)擊關(guān)閉功能，就不會出現(xiàn)你修改的網(wǎng)頁特效

5、本軟件是免費(fèi)的，可以下載添加到360瀏覽器、谷歌瀏覽器、火狐瀏覽器code cola插件

安裝教程

1、首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇工具選項，然后點(diǎn)擊擴(kuò)展程序來啟動Chrome瀏覽器的擴(kuò)展管理器頁面

2、進(jìn)入擴(kuò)展程序頁面后將開發(fā)者模式打勾

3、找到自己已經(jīng)下載好的Chrome離線安裝文件“20201128101450huajiakeji.com.crx”，然后將其從資源管理器中拖動到Chrome的擴(kuò)展管理界面中

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

5、這時候用戶會發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會多出一個拖動以安裝的插件按鈕，點(diǎn)擊繼續(xù)

6、用戶這時候只需要點(diǎn)擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會立即顯示在瀏覽器右上角

7、如果沒有插件按鈕的話，用戶還可以通過Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件，點(diǎn)擊在文件夾中顯示，雙擊“20201128101450huajiakeji.com.crx”

8、點(diǎn)擊添加即可

9、如圖軟件可以放心使用了

使用方法

1、插件安裝完成后會出現(xiàn)在瀏覽器右上方的插件欄中并提示你以安裝完成

2、進(jìn)入任意網(wǎng)頁，點(diǎn)擊該擴(kuò)展后圖標(biāo)會由綠色多變?yōu)榫G色少，還會彈出一個窗口，該窗口可以查看HTML與CSS的樣式代碼

3、將鼠標(biāo)移動至網(wǎng)頁的任意板塊即可發(fā)現(xiàn)板塊區(qū)域會變成藍(lán)色，點(diǎn)擊即可在上述窗口中顯示其所具有的樣式信息

4、點(diǎn)擊上圖黑色窗口即可對網(wǎng)頁進(jìn)行編輯，可以選擇字號、行高、字色、字形、對齊方式、文字描邊等等，只要點(diǎn)擊一下功能，這里會顯示下拉的菜單，自己填寫即可

5、通過這款插件，使用者還可以查看并修改網(wǎng)頁的整體代碼

6、當(dāng)然，要修改代碼需要在服務(wù)器中上傳并配置Code Cola插件的PHP文件