问题标签 [progressive-enhancement]

设计一个适合所有人的网站是一门真正的艺术，而渐进式增强对我来说实际上是一个口头禅......

所以我想知道，无论浏览器、操作系统、javascript、flash、屏幕分辨率、禁用用户可访问性等如何，您使用过哪些最佳技巧来使网站适用于所有人？

（我知道很多关于 javascript 和浏览器技巧的知识，但我承认我对 flash 等一无所知。）

编辑：我并不是真的在谈论 1% 的 RIA 网站，如果没有 javascript 或 flash，它们根本无法运行。我不是在问如何在没有 js 的情况下编写 Google Docs。我想知道人们为那些可以做很酷的事情但实际上并不需要的网站做了什么。

我会提供几个我自己的答案...

我的两个最高优先级是渐进增强和内联编辑。我发现了渐进增强（DataTables）和内联编辑（jqGrid），但不是两者兼而有之。对 jQuery UI 主题的支持会很好，但优先级较低。

更新：这是我想象的解决方案的一个示例：

这通常是我在保持体验干净的同时管理渐进增强的方式，但它有多安全？是否有可能出现竞争条件而这不起作用？

想象一下简单的抽象场景，如果你有 javascript 支持，你想显示不同的东西。这通常是我最终会做的事情：

许多人可能会声称您应该使用框架并等待 domready 事件，并在那里进行更改。但是在文档结束之前已经呈现“测试”元素并且 css 已准备好并且domready 触发.. 从而导致“原始”的明显闪烁。

此代码是否容易出现竞争条件失败？或者我可以保证一个元素在脚本之前存在的话是可发现和可修改的？

提前致谢。

好的，我知道您的网站在禁用 javascript 的情况下正常工作很重要。

在我看来，开始考虑如何设计此类网站的一种方法是在主页上检测 javascript，如果未启用，则重定向到没有 javascript 代码并使用纯 html（如 gmail）的网站的另一个版本

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

你觉得这怎么样？您将如何设计一个网站来支持两者？

大多数人现在谈论渐进式增强作为使用 javascript 的浏览器（增强版）和没有 javascript 的浏览器（简单版）。

但是浏览器之间的 javascript 性能存在如此大的差异，因此应用该术语来支持在浏览器之间基于 javascript 的功能之间进行选择可能很有用。

在具有大量非绝对必要功能（和动画）的复杂网络应用程序中，是否值得开始考虑将它们封锁起来，例如，这些功能集应该适用于所有浏览器，而这些功能集仅适用于 Chrome 和 Safari ，以及这些在 Firefox 和 Chrome 以及 Safari 和 Opera 等中，因为在某些浏览器中启用某些功能会太慢。

有时我觉得如果他们无法访问某些非必要功能，用户体验会有所改善。例如，禁止 IE 用户调整 Chrome 用户可以调整的某些面板的大小。

该程序会将表 1 中的所有记录复制到表 2 中，并写入文本文件。完成复制所有记录后，将删除记录，使 table1 为空，然后再添加新记录。我喜欢增强我的代码，例如：

1. 比如插入代码来验证记录是否为空，如果在复制文件时遇到问题，或者如果它是 EOF，我该怎么办？
2. 此代码在 form_load() 中并在 win 表单应用程序中运行，如果我运行程序 exe，我不显示要出现的表单怎么办？我想让这个程序就像在后面的 Windows 上运行一样。只有错误或成功的消息框会出现？
3. 在解决方案，指导或参考方面的任何帮助都非常感谢。

先感谢您！

如果客户端具有在页面中运行 Silverlight 部分所需的运行时，我可以使用 Javascript 检测，如果有则加载，否则在该区域留下静态图像或其他东西？

我想在页面中添加一些 Silverlight，但它不是页面的重要部分，所以如果他们没有安装它，我宁愿默默地退回到纯 Web 标准的东西，而不是放置一些要求他们安装的东西安装它。

我看到了在 Web 开发中使用渐进增强的价值，并且我已经经常使用它。也就是说，我所见过的几乎每个强烈提倡渐进增强的网站都是一个没有图像的网站，它有一个 div 作为标题，一个 div 用于导航——换句话说，这些都是非常基本（而且很无聊）的东西。

您知道使用渐进增强效果很好的网站示例吗？我喜欢在网站上禁用各种东西以查看它们的外观，但我很少发现可以漂亮地退化的东西。我正在寻找包含图像、动态内容、表格、嵌入式播放器或任何比文本块更难开发的东西。

我仍在等待找到在纯文本浏览器中完美显示的网站，并且仍然以其全功能的荣耀让我大吃一惊；）

我想知道是否有人知道任何使用渐进增强/CSS3 的大型网站？

我正在尝试将一个案例放在一起，说明为什么网站不需要在所有浏览器中成为副本，但是如果没有野外示例，我的论点将有些无能为力。

我有一个SearchController，其动作可以执行一些长时间运行的搜索并返回结果页面。搜索可能需要 1 到 60 秒。搜索的 URL 是一个 HTTP GET 请求，格式如下：http://localhost/Search?my=query&is=fancy

我正在寻找的体验类似于那里的许多旅游网站。我想显示一个中间“正在加载...”页面，理想情况下：

1. 用户无需重新开始搜索即可重新加载页面
2. 后端搜索完成后，用户将被重定向到结果
3. 禁用 JavaScript 的浏览器体验会降低
4. 后退按钮/浏览器历史记录不应包含此插页式页面。
5. 在短搜索（1 秒）的情况下，它不会对获得结果的时间或体验产生重大影响（非常难看的页面闪烁，无论如何）

这些都是不错的。我对所有想法持开放态度！谢谢。