chrome 插件 修改html代码,7款不错的CSS样式chrome插件，工具、美化CSS应有尽有

交互式编辑CSS形状。

创建和调整CSS整形值与交互式编辑器选定的元素重叠。

更新2015年1月13日：

---

提供解决方法的Chrome 40 回归选择编辑元素时，导致编辑失败

< BR / 。 >更新2014年12月8日：

---

本扩展已被冤枉传播恶意软件。它没有。

它的源代码总是可供查阅： https://github.com/oslego/chrome-css-shapes-editor

的最新版本(版本1.2.0 )地址开采由第三方恶意脚本的一些潜在的漏洞

如果您从您的浏览器体验的恶意行为，重置浏览器设置：

https://support.google.com/chrome/接听/ 3296214

---

形状侧边栏：

扩展增加了一个新的侧边栏到DevTools元素面板称为QUOT ;形状＆ QUOT ;.它提供了控件创建和编辑CSS的形状像多边形( ) ，圆( )和椭圆形( )所选元素值

多边形：

点击形状的边缘添加新点。拖动点来改变形状。双击一个现有点将其删除。选择变换工具来移动，缩放和旋转的多边形

圈和放大器。椭圆：

拖动形状移动它。在棱角拉来扩展和调整。Interactive",1,[["交互式",665,false,false],["互动",52,false,false],["互动式",0,false,false],["的互动",0,false,false],["互动的",0,false,false]],[[0,11]],"Interactive editor for CSS Shapes.

Create and adjust CSS Shapes values with an interactive editor overlapping the selected element.",0,1],["editor for",2,[["编辑",526,false,false],["编辑器",70,false,false],["编辑为",0,false,false],["编辑器中",0,false,false]],[[12,22]],,1,2],["CSS",3,[["CSS",526,false,false],["的CSS",0,false,false],["CSS的",0,false,false]],[[23,26]],,2,3],["Shapes",4,[["形状",382,false,false],["的形状",265,false,false],["图形",0,false,false],["型材",0,false,false]],[[27,33]],,3,4],[".",5,[["。",520,false,false]],[[33,34]],,4,5],["

",6,[["

",520,false,false]],[[34,39]],,5,6],["Create and",7,[["创建和",632,false,false],["创建并",47,false,false],["中创建和",0,false,false]],[[39,49]],,6,8],["adjust",8,[["调整",632,false,false],["调节",0,false,false],["调",0,false,false],["适应",0,false,false]],[[50,56]],,8,9],["CSS",9,[["CSS",758,false,false],["的CSS",0,false,false],["CSS的",0,false,false]],[[57,60]],,9,10],["Shapes",10,[["整形",686,false,false]],[[61,67]],,10,11],["values",11,[["值",723,false,false],["价值观",10,false,false],["的值",0,false,false],["价值",0,false,false],["数值",0,false,false]],[[68,74]],,11,12],["with an",12,[["与",413,false,false],["用",0,false,false],["具有",0,false,false],["有",0,false,false],["带有",0,false,false]],[[75,82]],,12,13],["interactive editor",13,[["交互式编辑器",250,false,false],["交互编辑程序",0,false,false]],[[83,101]],,13,16],["the selected element",14,[["选定的元素",365,false,false],["所选元素",178,false,false],["选定元素",0,false,false],["所选的元素",0,false,false],["所选元素的",0,false,false]],[[114,134]],,16,19],["overlapping",15,[["重叠",408,false,false],["的重叠",32,false,false],["重叠的",16,false,false],["交叠",0,false,false],["重复",0,false,false]],[[102,113]],,19,20],[".",16,[["。",540,false,false]],[[134,135]],,20,21],["

",35,[["

",1000,true,false]],[[0,5]],"

Update 13 Jan 2015:

---

Provides workaround for Chrome 40 regression which causes editor to fail when selecting an element to edit.

",36,[["

",1000,false,false]],[[5,10]],,1,2],["Update",37,[["更新",1000,false,false]],[[10,16]],,2,3],["13 Jan 2015",38,[["2015年1月13日",1000,false,false],["二○一五年一月一十三日",0,false,false],["二○一五年一月十三日",0,false,false],["二〇一五年一月一十三号",0,false,false],["二○一五年一月十三号",0,false,false]],[[17,28]],,3,9],[":",39,[["：",1000,false,false]],[[28,29]],,9,10],["

",40,[["

",1000,false,false]],[[29,34]],,10,11],["---",41,[["---",976,false,false],[" - ",23,false,false]],[[34,37]],,11,12],["

",42,[["

",976,false,false]],[[37,42]],,12,13],["Provides",43,[["提供",949,false,false],["提供了",50,false,false]],[[42,50]],,13,14],["workaround for",44,[["解决方法",444,false,false],["解决办法",175,false,false],["的解决方法",63,false,false],["变通方法",0,false,false],["变通解决办法",0,false,false]],[[51,65]],,14,16],["Chrome",45,[["的Chrome",388,false,false],["铬",39,false,false],["镀铬",16,false,false],["浏览器",0,false,false],["Chrome浏览器",0,false,false]],[[66,72]],,16,18],["40 ",46,[["40 ",587,false,false],["40 ",6,false,false],["40多个",0,false,false],["40个",0,false,false],["超过40",0,false,false]],[[73,76]],,18,19],["regression",47,[["回归",835,false,false],["的回归",34,false,false],["消退",0,false,false],["回归分析",0,false,false],["倒退",0,false,false]],[[77,87]],,19,20],["selecting",48,[["选择",540,false,false],["中选择",92,false,false],["挑选",13,false,false],["选取",0,false,false],["在选择",0,false,false]],[[121,130]],,20,21],["to edit",49,[["编辑",518,false,false],["要编辑",57,false,false],["来编辑",0,false,false],["修改",0,false,false],["进行编辑",0,false,false]],[[142,149]],,21,22],["an element when",50,[["元素时",518,false,false]],[[116,120],[131,141]],,22,24],["which causes",51,[["，导致",452,false,false],["导致",322,false,false],["这会导致",3,false,false],["引起",0,false,false],["这导致",0,false,false]],[[88,100]],,24,26],["editor",52,[["编辑",442,false,false],["编辑器",47,false,false],["的编辑",34,false,false],["编辑器中",0,false,false],["主编",0,false,false]],[[101,107]],,26,27],["to fail",53,[["失败",442,false,false],["失效",0,false,false],["要失败",0,false,false],["失败的",0,false,false],["会失败",0,false,false]],[[108,115]],,27,28],["

",54,[["

",774,false,false]],[[150,155]],,28,29],["",60,[[">",532,true,false]],[[0,1]],">Update 8 Dec 2014:

---

This extension has been wrongly accused of spreading malware.",0,1],["Update",61,[["更新",532,false,false]],[[1,7]],,1,2],["8 Dec 2014",62,[["2014年12月8日",532,false,false],["二○一四年一十二月八日",0,false,false],["二○一四年十二月八日",0,false,false],["二〇一四年一十二月八日",0,false,false],["二○一四年十二月八号",0,false,false]],[[8,18]],,2,8],[":",63,[["：",1000,false,false]],[[18,19]],,8,9],["

",64,[["

",1000,false,false]],[[19,24]],,9,10],["---",65,[["---",976,false,false],[" - ",23,false,false]],[[24,27]],,10,11],["

",66,[["

",976,false,false]],[[27,32]],,11,12],["This extension has been",67,[["本扩展已被",772,false,false],["此扩展是",0,false,false]],[[32,55]],,12,16],["wrongly accused",68,[["冤枉",253,false,false],["错误指控",247,false,false],["错判",49,false,false],["人冤枉",27,false,false],["错误指控的",0,false,false]],[[56,71]],,16,17],["spreading",69,[["传播",280,false,false],["散布",25,false,false],["扩展",0,false,false],["扩频",0,false,false],["扩散",0,false,false]],[[75,84]],,17,18],["malware of .",70,[["恶意软件。",142,false,false]],[[72,74],[85,93]],,18,21],["It does not .",126,[["它没有。",995,false,false]],[[0,12]],"It does not.",0,3],["

",184,[["

",1000,true,false]],[[0,5]],"

Its source code is always available for inspection: https://github.com/oslego/chrome-css-shapes-editor

The latest release (Version 1.2.0",0,1],["

",185,[["

",1000,false,false]],[[5,10]],,1,2],["Its source code",186,[["它的源代码",559,false,false]],[[10,25]],,2,6],["is always",187,[["总是",177,false,false],["始终是",103,false,false],["始终",65,false,false],["永远",0,false,false],["总",0,false,false]],[[26,35]],,6,7],["available for inspection",188,[["可供查阅",153,false,false],["以供查阅",86,false,false],["供查阅",0,false,false],["供市民查阅",0,false,false],["供人查阅",0,false,false]],[[36,60]],,7,9],[":",189,[["：",486,false,false]],[[60,61]],,9,10],["https://github.com/oslego/chrome-css-shapes-editor",190,[["https://github.com/oslego/chrome-css-shapes-editor",629,false,false]],[[62,112]],,10,11],["

",191,[["

",1000,false,false]],[[112,117]],,11,12],["

",192,[["

",1000,false,false]],[[117,122]],,12,13],["The",193,[["的",419,false,false],["该",0,false,false],["在",0,false,false],["本",0,false,false],["将",0,false,false]],[[122,125]],,13,14],["latest release",194,[["最新版本",366,false,false],["最新发布",0,false,false],["最新发布的",0,false,false],["最新版",0,false,false],["最新版本的",0,false,false]],[[126,140]],,14,16],["(",195,[["(",254,false,false]],[[141,142]],,16,17],["Version 1.2.0",196,[["版本1.2.0",127,false,false]],[[142,155]],,17,19],[")",198,[[")",1000,true,false]],[[0,1]],") addresses some potential vulnerabilities exploitable by 3rd party malicious scripts.

If you experience malicious behavior from your browser, reset your browser settings:

https://support.google.com/chrome/",0,1],["addresses",199,[["地址",1000,false,false],["解决",0,false,false],["涉及",0,false,false],["满足",0,false,false],["解决了",0,false,false]],[[2,11]],,1,2],["exploitable",200,[["开采",1000,false,false],["利用的",0,false,false],["可开发",0,false,false],["可利用",0,false,false],["可开采",0,false,false]],[[43,54]],,2,3],["by",201,[["由",1000,false,false],["通过",0,false,false],["被",0,false,false],["用",0,false,false],["按",0,false,false]],[[55,57]],,3,4],["3rd party",202,[["第三方",1000,false,false],["的第三方",0,false,false],["第三方的",0,false,false],["第3方",0,false,false],["第三者",0,false,false]],[[58,67]],,4,5],["malicious scripts",203,[["恶意脚本",481,false,false],["恶意的脚本",5,false,false],["的恶意脚本",0,false,false]],[[68,85]],,5,7],["some",204,[["的一些",132,false,false],["一些",77,false,false],["某些",0,false,false],["有些",0,false,false],["部分",0,false,false]],[[12,16]],,7,9],["potential vulnerabilities",205,[["潜在的漏洞",156,false,false],["潜在漏洞",66,false,false],["的潜在漏洞",0,false,false],["潜在的弱点",0,false,false],["潜在弱点",0,false,false]],[[17,42]],,9,12],["

",206,[["

",287,false,false]],[[86,91]],,12,13],["

",207,[["

",1000,false,false]],[[91,96]],,13,14],["If you from",208,[["如果您从",766,false,false],["如果从",169,false,false],["如果您",0,false,false],["如果您是从",0,false,false],["如果是从",0,false,false]],[[96,102],[133,137]],,14,17],["your browser",209,[["您的浏览器",479,false,false],["你的浏览器",35,false,false],["浏览器",0,false,false],["你浏览器",0,false,false],["浏览器的",0,false,false]],[[138,150]],,17,21],["experience",210,[["体验",336,false,false],["体验到",314,false,false],["遇到",0,false,false],["经历",0,false,false],["经验",0,false,false]],[[103,113]],,21,22],["malicious behavior",211,[["的恶意行为",257,false,false],["恶意行为",18,false,false],["恶意行为的",0,false,false],["恶意的行为",0,false,false],["存在恶意行为",0,false,false]],[[114,132]],,22,25],[

CSS验证的页面被浏览

这个扩展使您能够验证页面上的CSS饲料被查看。只需选择＆ QUOT ;验证页面的CSS ＆ QUOT ;从上下文菜单中。