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

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

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

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

軟件特色

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

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

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

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

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

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

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

更新日志

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