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

軟件功能

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

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

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

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

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

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

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

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

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

安裝教程

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

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

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

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

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

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

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

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

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

使用方法

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

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

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

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

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

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