Code Cola(CSS樣式可視化插件)

code cola插件是一款能查看網(wǎng)頁代碼樣式的chrome CSS樣式可視化插件，相信大家都知道，網(wǎng)頁設(shè)計(jì)出來以后，其樣式都是不能在瀏覽器上修改的，只有設(shè)計(jì)網(wǎng)頁的作者才能修改，但是有了這款Code Cola插件，用戶就可以直接在瀏覽器上修改你打開的網(wǎng)頁。code cola插件主要能查看頁面板塊中的所有樣式元素，并能通過配置到服務(wù)器上的文件進(jìn)行在線編輯，使用者可以在頁面中點(diǎn)擊頁面模塊來查看相應(yīng)的樣式信息，同時(shí)還能通過插件查看網(wǎng)頁的樣式代碼以及整體代碼；code cola插件并不是直接修改原版網(wǎng)頁，只是利用遮罩在瀏覽器上添加一個(gè)虛幻的效果，一旦您使用其他瀏覽器打開相同的網(wǎng)頁，特效就不存在了，就像是為網(wǎng)頁添加一個(gè)新的圖層一樣，有興趣的小伙伴快來下載體驗(yàn)吧！

Code Cola(CSS樣式可視化插件)介紹

1、code cola插件是一款可以改變你瀏覽器網(wǎng)頁效果的工具，支持二十多種設(shè)置
2、可以獲取改變網(wǎng)頁的連接地址，將一個(gè)HTML文件修改文字、修改顏色、修改背景
3、可以搜索網(wǎng)頁，如果您有指定的HTML文件，就輸入地址，這樣就能修改了
4、在修改當(dāng)前的網(wǎng)頁，您啟動(dòng)瀏覽器后，隨機(jī)打開一個(gè)網(wǎng)頁，然后利用code cola插件修改
5、可以查看實(shí)時(shí)效果，修改以后，點(diǎn)擊保存，鼠標(biāo)點(diǎn)擊頁面即可查看

軟件特色

1、code cola插件是中文的設(shè)置界面，雖然有的功能是英文的，但是影響不大
2、可以輕松修改HTML文字效果，圖片效果、邊框效果
3、讓您在同一個(gè)瀏覽器上查看兩種不一樣的網(wǎng)頁
4、可以隨時(shí)關(guān)閉效果，點(diǎn)擊關(guān)閉功能，就不會(huì)出現(xiàn)你修改的網(wǎng)頁特效
5、本軟件是免費(fèi)的，可以下載添加到360瀏覽器、谷歌瀏覽器、火狐瀏覽器

Code Cola(CSS樣式可視化插件)使用方法

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

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

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

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

5、通過這款插件，使用者還可以查看并修改網(wǎng)頁的整體代碼
6、當(dāng)然，要修改代碼需要在服務(wù)器中上傳并配置Code Cola插件的PHP文件

更新日志

v3.5.0版本
1、新用戶界面
2、刪除便簽功能
3、優(yōu)化眼功能
4、添加“ text-align：justify”支持