页面前端开发流程的讨论

2011-04-15 15:26:16 +08:00
 chone
让页面能在各种主要的环境下都能有较好的效果,应该是一般页面都具备的素质。使用渐进增强的方式来开发是一种不错的思路。
我的做法是这样的:
HTML -> 添加基本的css -> 浏览器兼容 -> 根据浏览器特性添加增强效果的css -> 加入js,并添加与此相关的css -> 浏览器测试,修正
具体的
(先在对于标准支持比较好的浏览器上进行Chrome,Firefox...)
1.先完成良好语义的HTML。
2.添加基本css样式,css3或者低端浏览器不支持的特性先不添加,要兼顾no-script的环境。
3.进行浏览器测试(IE*...)添加用于兼容的css。
4.为高级浏览器添加一些高级css样式(我比较支持不同浏览器使用不同的设计,比如对于IE就可以不用圆角。如果需要图片这类来在IE实现圆角等也在这一阶段添加相应的代码)
5.开始添加js的代码,同时添加相关的css
6.对于各浏览器进行测试,修正bug

大家平时又是怎样来组织这些流程的呢?欢迎指正,讨论。
4842 次点击
所在节点    随想
6 条回复
cmonday
2011-04-15 15:38:17 +08:00
如果是给别人开发项目,考虑到国内用户群体的问题,很少会去使用高级CSS样式(不过不给IE用户看圆角这种事情我还是做过的,只在无关痛痒的时候)。
如果是自己个人的东西我就不会理会IE。

很少考虑no-script环境……不知道是不是坏习惯,很多特殊的显示效果我都是靠javascript组织的。
gonghao
2011-04-15 15:38:33 +08:00
如果LZ遇到圆角,阴影等效果的需求,是会尝试渐进增强的做法,让高级浏览器使用,低级浏览器保证整体布局,效果大致OK呢?还是为了完全照顾低级浏览器,使用图片都手段来搞定呢?

当然这里可以先假设一个前提是产品需求没有强行要求低级浏览器有很出色的效果~
chone
2011-04-15 16:16:56 +08:00
@gonghao 如果要求不是特别高就只对支持特性的浏览器使用高级效果,如果绕不开的话,会在低端浏览器使用图片等来实现,其他的继续使用css。
supersheep
2011-04-15 16:20:13 +08:00
给低端浏览器做效果真是浪费生命啊,想有好的体验请升级浏览器嘛。
反正跟产品沟通也好跟boss沟通也好,能避免就尽量避免这种无谓的浪费。
偏执的认为不升级浏览器的用户对审美和速度没太大要求。
gonghao
2011-04-15 16:43:33 +08:00
@supersheep 其实自己现在也在坚持这种做法,想尽量从自身开始帮助用户淘汰底端浏览器~只是有时候还是会迫于产品需求和市场要求被迫放弃很多,妥协很多~
suifeng
2011-04-15 17:24:21 +08:00
我一般会先去取得网站的用户所用的浏览器数据,如果低版本浏览器占多数则尽量兼容低版本。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/11544

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX