CSS调试技巧css debug

我们写网页或sharepoint的时候,经常要修改css样式,写普通的网页还好,修改后刷新就看到效果,如果用sharepoint designer修改网页的css则有点慢,修改后要点击保存,sharepoint designer保存有时候特别慢,要等上十几秒。

sharepoint调整css后用管理看很正常,换个用户又不正确,这个时候又要换个帐号审核看效果。调整好了,发现普通用户看到的页面结构不一样,导致有些固定id或元素位置的css失效,又要重新进行上面的流程。

所以在sharepoint里面编写css比普通的网页要用多很多时间,在这里我发现一个简单一点的办法可以提高开发css的速度:

使用jquery在控制台下面直接修改css,这样就可以实时的看到效果,直到修改满意为止。

css本身有很多选择符,也有优势执行规则的问题,所以不断保存尝试是很浪费时间的,用jquery修改就可以快速的看到效果,不满意刷新一下页面又可以重新来过,快多了!

image

css或javascript的脚本都推荐用chrome进行调整,比ie强大多了,有很少的功能感觉firdebug比他强,但大多数时候还是chrome的比较顺手。

ie自带的也有一个很方便的功能,trace styles,对于问题定位的调整很好,找不到原因的时候我都是将trace style的样式逐个去掉,这样可以快速定位问题。

image

发表评论