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