问题标签 [graceful-degradation]

我希望一个特定的表单组件充当单选按钮（一次只能选择一个选项）。但是，我不希望无线电子弹显示选择其他呈现方法，例如选择高光或其他方法。这将允许优雅降级：如果用户浏览器不支持 Javascript，它只会降级为基本单选按钮。我希望通过 Javascript 或 CSS 隐藏项目符号按钮。有谁知道怎么做？谢谢。

令我沮丧的是，我发现该contentEditable=true属性在 iPhone 或 iPad 上无法正常工作。

有没有一种方法可以优雅地降级 contentEditable div，而无需求助于 textarea 并失去 iPhone 或 iPad 上所有丰富的 DHTML 格式化优势？

我有一个向用户显示重要文本的元素，因此我想将它动画到窗格中（动作吸引眼球），而不是仅仅将它放在用户可能会错过它的地方。

我怎样才能让它在默认情况下显示（对于 1% 左右关闭 javascript 的用户），但为其余部分设置动画？

使用

使元素加载可见，然后消失，然后淡出。

当然会为没有 Javascript 的用户隐藏它。

有什么好的方法可以做到这一点吗？

我一直在为 iPad 应用程序创建许多小型胖客户端 JavaScript 应用程序，它在 UIWebview 中加载相关应用程序。我现在让它们跨浏览器，并且需要使用 JavaScript 为 CSS 动画和过渡合并一些后备。

我的 webkit 特定实现对所有动画/过渡使用 CSS 类，其开始和结束状态在设计时是已知的，使用 javascript 中的添加/删除类并利用相关的 webkitTransitionEnd/webkitAnimationEnd 事件。

对于“动态”过渡，我有一个简单的“动画”功能，它只是将样式属性应用于相关元素。

我想通过简单的添加/删除类等保持用于应用转换的内部 API 与当前实现尽可能相似。我通常有一个应用程序的 CSS 和 js 文件（均已缩小）。

所以有几个问题/点，我会很感激任何输入：

1. IE7/8 问题 - IE9.js

2. 动态添加供应商特定的前缀 - 到目前为止发现'jquery.css3finalize'。

3. 过渡到一个类：'jquery.animateToClass' - 似乎每次应用一个类时都会搜索样式表 - 是否应该在进一步查找时缓存相关类？这是否缓慢/资源匮乏？

4. 对于“@keyframe”动画：我想要每个 CSS3 动画的关键帧的 javascript 对象“表示”。因此，将一个类传递给“doAnimationWithClass”函数将使用正常的 css3 动画（如果在浏览器中可用），但如果没有，它会将“对象版本”传递给一个函数，该函数将使用 css3 转换（如果可用）链接每个关键帧转换或jQuery.animate（或等效），最终达到相同的结果。

例如：

CSS：

JS：

AnimationHash 等的创建可以在客户端完成，或者只是在设计时创建（使用批处理/构建文件）。

任何对已经以更明智的方式执行此操作的库的想法或指针都将不胜感激。

你好，

这看起来好吗：

理想情况下，我希望加载弹出窗口，但如果 JS 失败（即它可能加载缓慢并且用户很着急），那么它仍然应该允许用户使用丑陋的页面进行购买。

这适用于所有浏览器还是我错过了什么？

我正在使用text-overflowCSS 属性来获得椭圆效果，我相信目前仅在 IE 中支持。我的问题是，我不是在寻找一种解决方法来让它在 Firefox 中工作，而是在寻找一种在其他浏览器中优雅降级而不是突然截断文本的解决方案。因此，它不会在 Firefox 中使用省略号，而是回退到普通的文本换行。

不确定这是否可能考虑text-overflow取决于overflow和white-space属性...

任何帮助是极大的赞赏。

I have a site that relies heavily on JavaScript and uses jQuery throughout.

I'm not going to attempt to make the site work for those who don't have JavaScript enabled.

However, I would like to show a banner at the top of the page which tells them the site is intended for use with JavaScript enabled and perhaps a modern browser, etc.

I was thinking of just putting a PHP include on all pages that contains a <noscript> with the banner inside that. Is this is good approach or is there a better way?

我想知道是否有一种简单的方法可以在浏览器上实现快速基准以提高渲染速度？

有漂亮的动画效果很好，但前提是机器可以处理它。有了 SVG 和 jQuery 赋予大众的所有效果，就有可能以可视化和动画方式显示大量数据。但是，没有简单的方法（我还可以找到）来检查用户代理是否应该交付“华丽的动画 svg”、“静态 svg”或“表格”版本的数据。

谢谢

我在这里读到了这篇关于 javascript 渐进增强的文章，作者提到：

首先，建立一个老式的网站，使用超链接和表单将信息传递到服务器。服务器随每个请求返回全新的页面。

现在，使用 JavaScript 拦截这些链接和表单提交，并改为通过 XMLHttpRequest 传递信息。然后，您可以选择需要更新页面的哪些部分，而不是更新整个页面。

我有点好奇这是否意味着在服务器端返回 html 标记而不是 json，这通常意味着在客户端构建标记？这种方法有缺点吗？

另外，我注意到应用程序，例如 Facebook，在我禁用 Javascript（无法发布更新等）时看起来相当残废。这是否意味着它不能正确处理优雅降级？

我们公司正在考虑在接下来的几个月内建立一个全新的网站，而 IT 总监正全力以赴地开始使用 HTML5 和 CSS3。他真的认为这是最酷的事情，并且绝对不在乎使用 HTML5 和 CSS3 样式的网站在 Firefox、safari、opera 中看起来和功能都很好，并且在所有版本的 IE 中都可以。诚然 IE9 绝对是 IE8 的一个很好的改进，但暂时不会成为我们访问者的标准。

但我的问题是。 为什么人们不关心他们的网站在不同的浏览器中看起来是否不同？

我觉得我完全错过了一些东西。我们的分析表明，我们 72-74% 的访问者使用 IE。此外，为我们的访客所做的研究表明，他们中的绝大多数在营销方面被认为是“落后者”（总是最后一个适应新技术。很多年龄在 45-65 岁以上的商务人士。）

我和我的老板一样是个技术极客，我喜欢新技术，我希望世界上的每个人都有支持最新最好的浏览器。

但是从商业的角度来看，我只是不明白构建一个网站的意义，该网站实现了我们的大量访问者将无法看到或使用的技术（或关心，如果我们诚实的话） . 这些人将只能看到我们网站的降级版本。

对我来说，继续使用一致的技术是有意义的。现在，很容易让您的网站在所有浏览器中看起来都一样。

但这只是我的意见，其他人同意，不同意？