【问题标题】:Websites looking different across browsers? Why don't people care? [closed]不同浏览器的网站看起来不同?人们为什么不关心? [关闭]
【发布时间】:2011-09-21 10:18:50
【问题描述】:

我们公司正在考虑在未来几个月内建立一个全新的网站,而 IT 主管正全力以赴地开始使用 HTML5 和 CSS3。他真的认为这是最酷的事情,并且绝对不在乎使用 HTML5 和 CSS3 样式的网站在 Firefox、safari、opera 中看起来和功能都很好,并且在所有版本的 IE 中都可以。诚然 IE9 绝对是 IE8 的一个很好的改进,但暂时不会成为我们访问者的标准。

但我的问题是。 为什么人们不关心他们的网站在不同浏览器中看起来是否不同?

我觉得我完全错过了一些东西。我们的分析表明,我们 72-74% 的访问者使用 IE。此外,为我们的访客所做的研究表明,从营销角度来看,他们中的大多数人被认为是“落后者”(总是最后一个适应新技术的人。很多年龄在 45-65 岁以上的商务人士。)

我和我的老板一样是一个技术极客,我喜欢新技术,我希望世界上的每个人都有支持最新最好的浏览器。

但从商业的角度来看,我只是不认为构建一个实施大量访问者将无法看到或使用(或关心,如果我们是诚实的)。这些人将只能看到我们网站的降级版本。

对我来说,继续使用一致的技术是有意义的。现在,让您的网站在所有浏览器中看起来都一样容易。

但这只是我的意见,还有其他人同意还是不同意?

【问题讨论】:

  • 这是这个问题的错误论坛 - 我会尝试programmers.stackexchange.com
  • 我觉得这个问题更适合Software Engineering
  • 不同浏览器使用不同公司制作的不同渲染引擎。尽管有一个标准可以遵守,但在显示事物的方式上,浏览器之间必然存在一系列差异。这是我们无法控制的(除了错误报告、功能请求等)。
  • 为未来发展。从商业角度来看,这也是一个有效的论点。当您的目标受众开始使用更高级的浏览器时,您不必重建整个网站。
  • “人们”不关心网站在不同浏览器中的外观是否不同,因为“人们”永远不会在多个浏览器中查看您的网站,只有您可能会这样做。

标签: html css cross-browser graceful-degradation


【解决方案1】:

我非常不同意,完全一致是无数 CSS 和 Javascript 黑客的立场。

我希望有一种方法可以让人们和企业了解 Internet Explorer 是什么垃圾。

仅仅因为在 IE 中生成圆角的 hack 很容易投入使用,这并不是一个好主意。如果没有降级的体验,那么人们有什么样的动机来升级他们的浏览器,就像他们应该做的那样?

【讨论】:

  • 我们的绝大多数客户群并不关心新技术。相信我,当我说的时候,我们无法激励这些人升级他们的浏览器,或者他们使用的计算机。 (我们对我们的客户群进行了大量研究,他们是有史以来最不精通技术的人!)
【解决方案2】:

我通常迎合大众。如果浏览器获得的浏览量少于网站总浏览量的 3-4%,我不在乎。老实说 html5/css3 很酷,但它到底能做什么?在大多数情况下,它使事情更容易开发。你用 css3 或一系列带有背景图像的 div 将阴影放在那里,最终看起来会非常相似。除了没有下载 4K 图像或增强的体验外,最终用户不会注意到速度的提高。我一直认为,不要让技术为您的网站建模,而要让用户。

我对你的建议,因为你的老板对使用 html5/css3 很感兴趣,所以你可以做一些事情来确保在 IE 中使用你的网站的用户有一个降级的(但仍然可以使用)体验。

对于新的 html 标签,您可以使用moderizer。它基本上只是将所有内容转换为已弃用浏览器的普通 html 标签。唯一的问题是 javascript 被禁用,该网站看起来就像垃圾一样。至于 CSS3,我只想说让布局看起来相似。显然它看起来不会一样,但它仍然可以看起来不错。

此外,您可以使用 jQuery 代替许多 css3 属性。这样一来,它就会保持一致,而不是真正的痛苦。

【讨论】:

  • 嘿,谢谢,我很欣赏这个链接...但是我在 Firefox 和 IE 中查看了现代化网站。差异对我来说是惊人的。 IE 网站背景为蓝色,主徽标居中对齐,其上方的链接。两个主要按钮看起来像废话。事实上,这可能是我见过的最严重的退化之一......在 Firefox 中,该网站看起来很棒!所以回到我的问题,从营销/品牌的角度来看,你为什么想要它如此不一致?设计师想要完成的事情可以很容易地完成,并且在所有浏览器“老式方式”中看起来完全一样
猜你喜欢
  • 2014-03-02
  • 2013-05-14
  • 1970-01-01
  • 1970-01-01
  • 2012-11-10
  • 1970-01-01
  • 2013-09-02
  • 2021-04-16
  • 2013-08-12
相关资源
最近更新 更多