有关开发支持带有和不带javascript的浏览器的网站有哪些好的资源?

时间:2010-11-19 21:37:05

标签: javascript

我正在构建一个网站,需要使用支持JavaScript的浏览器和不支持JavaScript的浏览器(或禁用它的浏览器)。有什么好的资源可以解释这样做的好方法?处理这个问题的任何特定技术或框架?

5 个答案:

答案 0 :(得分:5)

答案 1 :(得分:3)

JSConf.eu 2010中有一个great video presentation就此话题而言。

答案 2 :(得分:2)

没有框架可以让您的网站可供JS禁用的用户访问。这是你的工作,独立于你可能使用或不使用的库。

您需要采取两个步骤:

  1. 在没有Javascript的情况下构建完全正常运行的网站。
    • 所有内容都应该可用
    • 所有链接都应该是真正的链接
    • 所有表格都应该正常运作
  2. 向网站添加互动。
    • 可以操纵内容
    • 链接可以使用事件侦听器来改变行为
    • 表格可以加强

答案 3 :(得分:1)

您可能需要考虑的一些技巧:

HTML <noscript></noscript>标记非常有助于仅向禁用JavaScript的浏览器显示内容。

我使用了另一种技术(归功于Paul Irish?/ Modernizr?),称为no-js类。对于每个页面,都有<html class="no-js">。然后,在每个页面上,都包含一行JavaScript,从您的html元素中删除该类。如果禁用JavaScript,no-js类将保留在您的标记上,您将能够适当地设计您的网站(通过CSS)。您所要做的就是在CSS规则的开头添加.no-js选择器,以便在JavaScript被禁用时使用。

我的结局是你应该总是尝试分离结构(html),样式(css)和行为(javascript)。 Unobtrusive Design和Progressive Enhancement的原则是你的朋友。

答案 4 :(得分:0)

首先构建一个不使用JavaScript的页面或一组页面。在功能页面之上添加你的JS,并尽可能地将你的JS从你的html中删除(几乎总是可能的)。

如果您熟悉Rails,可以查看我的blog post。帖子和示例项目展示了如何在启用和禁用JS的情况下处理删除。