复杂ASP.NET服务器控件调整小技巧

    在创建或修改布局复杂ASP.NET服务器端控件时，大量的时间都是在编译，等待JIT，修改，编译，JIT... 这样一个循环中，而且两个编译常常还很耗费时间。特别地，当控件已集成在页面之中后，在出现一些布局效果上的小偏差，再调整起来将是一个非常无趣和耗时的工作。

    而这时如果能直接修改已输出的html，很可能会更加迅速的找到问题所在。但是不幸的时，通过浏览器Save As出来的html代码显然是不太具有修改价值的。因为本来就只是要进行细微的布局调整，而Save As出来页面新的布局问题可能比本身要解决的问题更加严重。

    那么就直接通过View Source把代码copy出来存为html文件呢？这时后我们会发现页面里面所有通过相对路径定位的资源都回丢失，比如什么图片啊，JavaScript啊等等，缺失了这些东西，页面也就同样失去了再调整编辑的价值。

    在HTML中，有一个base标签，这个元素似乎只在模态窗口提交页面避免弹出新窗口的时候，有用到过，平时似乎很少有看到网页用这个元素。殊不知这个base在调试html代码时，非常有用。比如你的ASP.NET页面是http://birdshome.cnblogs.com/Index.aspx，而这个Index.aspx中显现有很多通过相对路径引用的图片或JavaScript资源，这时我们通过View Source把它的html代码在本地存为: index.htm文件，只用再在其<head>标签中加入<base href=http://birdshome.cnblogs.com/ />这么一行。我们再打开这个index.htm时，会发现这时和打开http://birdshome.cnblogs.com/Index.aspx的效果是一样的，所有的图片和脚本都正常被载入，这时候在IE Tool Bar等DOM查看工具帮助下，就可以很方便通过直接修改html来调整页面或控件输出的外观样式，在找到错误后再去服务器端代码中进行修改。

    base元素的具体用法请参考：http://www.w3schools.com/tags/tag_base.asp

相关文章：
    · ASP.NET控件开发之"代码紧凑原则"
    · 设计有复杂客户端Script的服务器控件