毕业设计(一)—— 一个低级的错误让我紧张了一会儿
引言:
本人现在大四,最近在做毕业设计,名为跳蚤部落与WebIM系统开发。
到今天为止算是开发了50%了,自我感觉还是比较顺利的,其中涉及到的技术有:ASP.NET、Jquery、JqueryUI、Jcrop、图形图像处理、Ajax、存储过程、以及用来开发WebIM的Comet长连接,开发工具有:VS2010、SqlServer2008、NotePad++、EditPlus、SVN、Chrome、FireFox、IEtest浏览器、PhotoShop等,目前只差WebIM部分。
正文:
昨晚,让人紧张的事情发生了,一直都是用IEtest检查在IE浏览器的兼容性问题(特别是IE6,太多的不兼容了,包括css和js,所以大家开发的时候要千万小心。),并且一点一滴的慢慢修改,当然IEtest并不是什么功能都跟实际安装使用的浏览器的性能和兼容性都是一样的,比如这次开发的过程中,使用js直接改变iframe的src值(不需要改变url地址或者url地址的改变无应用意义时),在IEtest中创建IE6、IE7、IE8都看不到任何效果,让人认为不能直接使用js改变iframe的src的值,但是在win7自带的IE8中,郁闷的事情发生了,竟然可以直接改变iframe的src值,因此,大家也不要总是依赖于IEtest,最好能装个虚拟机,然后用Xp系统下的IE6检查兼容性为佳,因为国内使用Xp系统的还占很大部分,不过值得庆幸的是,微软已经宣布2014年全面不支持xp系统了(点击这里看此新闻),也劝企业先转至win7,不要等待win8,因为业务有可能会来不及交接,这对国内的程序员来说是多大的喜讯呀,在国外,IE6基本上已经被淘汰了,大家可以使用IE6打开苹果官网,直接就不能用IE6打开,直接关闭窗口,这是前段时间发现的,呵呵。
言归正传,本来在个IE浏览器中显示都是没什么问题的,但是昨晚一打开IEtest,IE6、IE7、IE8都出问题了,先看看问题:
在FireFox和Chrome下:
这是没问题的。看看在IE下的:
注:以上为1280分辨率下的效果,wrapper层的css为width:1000;margin:0 auto;
不居中了,扑哧!!!!
开始解决问题:
1、打开IE8下的开发人员工具,将“文本模式(M)杂项”打开,默认模式为 "Quiks模式(默认)" ,将其设置为 “Intenet Explorer 7模式 标准(7)” 或者 “Intenet Explorer 8模式 标准(8)”。
耶!!!成功了吗?还不行,虽然在IE8中是没问题了,但是这是个人的浏览器设置,不代表其他用户也会自己设置此选项,在IEtest中同样存在该问题,并不能解决主要矛盾。看来这个解决方案不合理也不可行。
2、在wrapper层上面加上
<div style="width:1000px;margin:0 auto; background-color:Red;"></div>
还是不能居中,问题出在哪里呢??继续修改。
将整个wrapper层删除,后台代码页一并删除,只留下刚刚加进来的div,还是有问题:
难道是IE内部出问题了吗?之前装过IEcollection,使用的时候将其损坏了,是这个原因吗?我不行,于是,新建一个test.aspx,在里面还是加上这句代码
<div style="width:1000px;margin:0 auto; background-color:Red;">d</div>
没问题,如下:
这就奇怪了,到底是哪里的问题呢?找来找去,终于发现原因:
<%@ Page Language="C#" AutoEventWireup="true" Debug="true" CodeFile="index.aspx.cs" Inherits="index"%>
<!--建立页面缓存-->
<%@ OutputCache Duration="2" VaryByParam="*"%>
<!--注册用户控件-->
<%@ Register TagPrefix="MyControl" TagName="ChatingBar" Src="~/Control/ChatingBar.ascx"%>
<%@ Register TagPrefix="MyControl" TagName="SearchBar" Src="~/Control/searchBar.ascx"%>
<%@ Register TagPrefix="MyControl" TagName="Footer" Src="~/Control/footer.ascx"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
······
</head>
<body>
······
</body>
</html>
大家看到问题所在了吗?
没错,
“<!--注释内容-->”
这是html的注释标志,怎么可以在这里出现呢?这么简单的问题,让我郁闷了一会儿!!!!
解决办法:
好了问题解决了,一切都正常了,大家以后一定要注意呀!!!呵呵···