设计JQuery / Ajax网站向后兼容w＆＃39;没有JavaScript浏览器

Question

有没有人知道寻找有关设计JQuery丰富网站的基本原则和教程的好地方，但是哪些仍然适用于不支持JavaScript或禁用JavaScript的浏览器？

如果可能的话，实际上......

Answer 1

在你看这些之前，你应该知道一些事情。

从历史上看，有很多理由可以让事情在没有JS的情况下发挥作用：

• SEO。 Googlebot很像Lynx
• 移动设备。几乎没有，如果有的话会运行JS
• 关闭JS的偏执用户
• 公司限制
• 辅助功能 - 屏幕阅读器等。

如果我们看看今天的景观，情况会有所不同

• Googlebot评估JS。在我自己的测试中，我发现Googlebot可以通过jQuery代码发出ajax请求，并在其结果中包含插入页面的文本。
• 对于许多用户（即Android手机+ IE8用户），移动设备运行的浏览器比台式机更好。
• Noscript等允许你将网站列入白名单，但无论如何几乎没有人使用它
• 有些公司可能仍然禁止JS，但同样，它是最小的
• 可访问性正在变得越来越好，并且在很多方面它不是问题，但用户可能仍在使用不能很好地处理JS的旧版本。

这意味着出于可访问性原因，您正在创建一个没有JS的站点。这使您可以更专注于没有JS的创建体验。

简而言之，您应该确保通过AJAX发生的任何事情都可以在没有发生的情况下发生。这通常意味着修改服务器端代码，以便在它生成JSON的任何时候，它还可以创建要插入JSON的整个页面（即如果你有一个将文本加载到div中的按钮，你应该有一个实际的页面，查看）。

另一种方法是仔细提供针对没有JS的用户的不同版本的应用。许多旧的移动网站都是“好”的例子。