为javascript脚本支持而不是支持设计网站

EBA*_*BAG 2 html javascript jquery progressive-enhancement graceful-degradation

好的,我知道你的网站在禁用javascript时工作正常非常重要.

在我看来,开始考虑如何设计这样的网站的一种方法是在主页上检测javascript,如果它没有启用重定向到另一个版本的网站不javascript代码并使用纯HTML(如gmail)

我想到的另一种方法是,例如在网页上的对话框中考虑X(关闭按钮).如果在没有任何javascript干扰的情况下按下X会导致向服务器发送请求,而在服务器端我们在下次渲染页面时隐藏该对话框,并且我们还将javascript函数绑定到链接的onclick,如果是启用JavaScript后,它会立即隐藏对话框.

你觉得这怎么样?你会如何设计一个支持两者的网站?

Pas*_*TIN 12

解决这个问题的一种方法是:

  • 首先,创建网站,没有任何JavaScript
  • 然后,当每个工作时,添加适当的JavaScript增强功能

这样,如果JS被禁用,该网站的"第一"版本仍然有效.

你可以用CSS做同样的事情 - 每天都有一个" CSS Naked Day ",显示没有CSS的网站看起来像^^ ^^


一个例子?

  • 您有一个标准的HTML表单,在提交时将数据发送到服务器,服务器重新创建页面会显示"感谢订阅"之类的消息
  • 然后添加一些JS + Ajax:在提交表单时不是重新加载整个页面,而是执行Ajax请求,只发送数据; 并且,作为回报,它显示"感谢订阅"而不重新加载页面

在这种情况下,如果禁用javascript,则第一种"标准"处理方式仍然有效.

这是(部分)所谓的渐进增强

  • 真正的诀窍在于,当您受到各方的压力,通过疯狂的新功能快速更新网站时,保持渐进式增强.坚持你的枪.这是前进的方向. (2认同)