kejun / cssmapper

实时调试外部CSS的书签工具

CSSMapper

介绍

外部的css通常被压缩，调试起来比较麻烦，通常存到本地调试。利用这个小书签工具可以直接映射到本地的源文件上修改。

不用刷新页面，只需"update!"相应的CSS文件。配合Firebug实时调整HTML，很方便。

使用

添加下面代码到书签中：

javascript:(function(){var hd=document.getElementsByTagName('head')[0],script=document.createElement('script');script.src='http://hikejun.com/demo/debugExternalCss.js';script.type='text/javascript';script.charset='utf-8';hd.appendChild(script);})();

线上的css文件可以对应映射到本地的css文件上进行调试。修改后，点“update!”实时查看修改效果。