网站显示问题
若是没有仔细考虑好,同一个网站在不同的环境下会很容易出现问题,我整理整理自己遇到的问题,大家补充哈。浏览器这个还有什么好说的么……前端开发时大家多积累、测试就好; URL换了另外的服务器、从线下到线上测试时URL很有可能不正确,找不到CSS、JavaScript、图片从而导致显示异常;分辨率设计以及前端实现的事后,要多考虑这样的设计在不同的分辨率下是否会出现不可容忍的异常,固定宽度、响应式设计和布局是可选的解决办法;网页大小缩放有时候无意间按Ctrl+滚轮把网页放大或缩小了,也会显示不正确,这也是设计和前端开发是应当注意避免的;缓存开发环境一般不配置缓存,但生产环境是会配置缓存的。当网站部署到线上时,是否会有残留的缓存?另外,应当在部署时解决可能出现的缓存问题;如何测试(找到问题)、避免问题?你要有一个核对表格(个人开发的话心理有这么个东西就行),你要支持哪些浏览器,放弃哪些浏览器,支持什么样的分辨率,放弃什么样的分辨率?测试、找到问题想办法搭建完善的测试环境安装多样化的浏览器,IE6(Win7下需要安装虚拟机),IE9(可以模拟IE7,IE8),Firefox,Chrome,Safari,Opera等等等等....有一个足够大的屏幕,然后使用Web Developer调整浏览器的分辨率,模拟不同分辨率的情况;推荐个工具F5,我用着挺好的。避免问题事前避免问题肯定是最好的,省下大把大把Debug的时间;首先尽可能保证自己的开发环境和线上接近,包括URL的配置等,这样基本上可以解决URL不一致的问题;其次最重要的就是积累经验,多学习了……(是不是说的很费……)这主要是针对不同浏览器之间的兼容性,是否知道DOCTYPE,如何利用DOCTYPE激活不同的模式,不同模式主要区别是?IE6、7分别有哪些常见的Bug,触发条件和解决办法是?(神马3像素、双倍边距 等等等等等等 )CSS、HTML、JavaScript不同浏览器各自支持的程度是?个人很喜欢http://quirksmode.org/compatibility.html给出的兼容性列表,觉得很是详尽,感谢ppk;在部署CSS、JavaScript时,最好可以自动根据版本号生成不同的文件名后缀,可以解决缓存引起问题;偶尔按下Ctrl+0,可以看看是不是由于大小缩放引起的问题;
■网友
呵呵,的确很多浏览器差异很大,还有些浏览器可能功能不全,最好去官方下载。。。兼容性,不论是分辨率还是CSS,HTML,都是很头疼的问题,不得不细心
■网友
换浏览器……你不知道前端开发人员百分之几十的精力都花在如何在不同浏览器之间保持兼容/一致么……原因是每个浏览器对HTML的支持和实现是不一样的,所以同样的代码用不同的浏览器渲染,效果就可能截然不同。慢慢来吧,多写一段时间你就理解这个问题了……
推荐阅读
- 江苏■江苏交控坚持问题导向、瞄准职工需求——找准“病灶”当好“产改先行官”
- 贵州在建骨干水源工程达到465座有效解决工程性区域性缺水问题
- 四川眉山瓦屋山景区就游客投诉、停车难等问题公开道歉
- 杭州已整改城市道路无障碍环境问题12467处
- 互联网怎样解决“家政服务上门速度慢”的问题
- 中东问题|
- 中国网汽车|购车2个多月、仅行驶8000多公里 宝骏730遭遇7处问题
- 有啥方法,网站,项目可以自己练习计算广告学
- 设计专业学生上传自己的作品,用哪个网站比较好
- |沛县深入开展教育领域突出问题专项整改
