在创建或修改布局复杂ASP.NET服务器端控件时,大量的时间都是在编译,等待JIT,修改,编译,JIT... 这样一个循环中,而且两个编译常常还很耗费时间。特别地,当控件已集成在页面之中后,在出现一些布局效果上的小偏差,再调整起来将是一个非常无趣和耗时的工作。
而这时如果能直接修改已输出的html,很可能会更加迅速的找到问题所在。但是不幸的时,通过浏览器Save As出来的html代码显然是不太具有修改价值的。因为本来就只是要进行细微的布局调整,而Save As出来页面新的布局问题可能比本身要解决的问题更加严重。
那么就直接通过View Source把代码copy出来存为html文件呢?这时后我们会发现页面里面所有通过相对径定位的资源都回丢失,比如什么图片啊,JavaScript啊等等,缺失了这些东西,页面也就同样失去了再调整编辑的价值。
在HTML中,有一个base标签,这个元素似乎只在模态窗口提交页面避免弹出新窗口的时候,有用到过,平时似乎很少有看到网页用这个元素。殊不知这个base在调试html代码时,非常有用。比如你的ASP.NET页面是/Index.aspx,而这个Index.aspx中有很多通过相对径引用的图片或JavaScript资源,这时我们通过View Source把它的html代码在本地存为: index.htm文件,只用再在其head标签中加入base href=//这么一行。我们再打开这个index.htm时,会发现这时和打开/Index.aspx的效果是一样的,所有的图片和脚本都正常被载入,这时候在IE Tool Bar等DOM查看工具帮助下,就可以很方便通过直接修改html来调整页面或控件输出的外观样式,在找到错误后再去服务器端代码中进行修改。
推荐:
网友评论 ()条 查看