【问题标题】:What are people doing about browser degradation and HTML5人们对浏览器降级和 HTML5 做了什么
【发布时间】:2011-11-05 02:31:51
【问题描述】:

我正在更新我的商业网站,我决定使用 HTML5/CSS3(和一些 PHP)来完成整个事情,它在每个新浏览器(IE9、FF6、O11、S5、C13 ) 有或没有 JS。

现在我不确定应该如何处理其他所有浏览器版本。我想除了 IE8(我有 IE shiv,但它不包括非 js 浏览器)之外,我对大多数浏览器(至少以前的版本)都有一点余地。大多数功能都可以很好地降级,但旧版浏览器总会出现问题。

  • 我知道非 JS 浏览器可能是少数,但它会很好 也覆盖它们

  • 此列表按当前偏好顺序排列,以涵盖 浏览器数量最多(非 JS/JS),但尚未实现 考虑。

  • 仅考虑网络浏览器,计划是针对移动浏览器的移动网站

    这里是列表:

    1. 使用表格^等构建网站的真正闪避版本,并在用户使用旧版本的浏览器(服务器端)时将用户重定向到那里,并且那里有关于升级的警告。

    2. 使用 Javascript 来修复它们不起作用的位(例如 shiv)。这并没有真正涵盖非 JS 浏览器,如前所述,它们可能是少数。

    3. 构建静态旧浏览器页面,将旧浏览器用户重定向到包含升级下载链接的链接的页面。这是一个真正的 copout 解决方案,但实施起来很快

    4. 假设使用旧浏览器的唯一用户是 IE 用户,并使用条件 cmets 来实现上述选项之一。 假设总是不好的

    5. 假装用户拥有最新的浏览器,并且根本不尝试修复网站。 不是一个真正实用的选择

    6. 为 HTML4 重建网站并在整个网站上使用它。 有点浪费当前的工作。此外,如果 Web 开发人员拥有使用旧技术的网站,这看起来有点令人失望,这是升级的驱动力

您对 HTML4/5 的困境有什么想法/解决方案?您在当前的项目中是否采取了任何措施来解决这个问题?

干杯,

史蒂夫。

附:作为“我讨厌 IE6 并且不在乎它的存在”俱乐部的成员,我假装 IE6(或更低版本)从未存在过。

更新(澄清)

^ - 通过表格,我的意思是实际上是当前网站的拼版版本,使用基于表格/非表格的布局。但是在查看源代码时可能看起来并不漂亮,它实际上只是为了填补兼容性空白。

【问题讨论】:

  • 查看您企业网站的访问者统计信息? “有问题”浏览器的累计份额是多少?
  • 为什么使用表格可以让它在旧版浏览器中工作?旧版浏览器也能理解无表格布局...
  • 您能否举一些示例来说明您想使用但在旧版浏览器中无法使用的 HTML/CSS 功能?
  • @Šime Vidas。没什么特别的,我真的只是将我的网站用作问题的上下文,因为它是我最近的项目。关于基于表格的布局的评论主要是因为如果我要走那条路,我可能只是将一些东西放在一起(基于或不基于表格)以填补空白(改变问题以反映这一点)。至于 HTML/CSS 标签,为了问题,没什么特别的,我主要关心人们采用的站点范围的解决方案。
  • @Cubed 查看HTML5 Boilerplate

标签: html css cross-browser browser-detection


【解决方案1】:

在某些浏览器中具有功能而在旧版浏览器中没有功能是完全可以接受的。见Here

但是,应该注意的是,只要修复是可行的,您就应该拥有它。除非网站是基于 JavaScript 的应用程序,否则它应该在没有 JavaScript 的情况下工作,请注意 working != 完美工作

如果您有一个带有酷炫过渡的悬停状态,Chrome 23423 将支持,但 IE7 不支持,那么您可以使用 Modernizr 和 jQuery 模拟它,或者将其保留为是的,IE7 不会享受这种好处。嘘。

但是,您必须向老浏览器用户发送消息,鼓​​励他们升级到更好的浏览器,尤其是谈论 IE

【讨论】:

  • 感谢您的洞察力,我尽可能避免使用 js,这部分工作正常。我一定会看看 Modernizr。
【解决方案2】:

您建立网站的方向错误。

如果您想支持旧版本,而不是构建一个尖端网站,然后尝试让它在旧浏览器中运行,您需要构建一个可以在任何地方运行的基本站点,然后使用高级 CSS 和 Javascript 功能检测来添加最新浏览器的功能。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-10-01
    • 1970-01-01
    • 2021-09-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-08-21
    • 2017-04-18
    相关资源
    最近更新 更多