标签: graceful-degradation

不支持检测HTML5 <canvas>的最佳方法

处理浏览器不支持HTML5 <canvas>标记的情况的标准方法是嵌入一些后备内容,如:

<canvas>Your browser doesn't support "canvas".</canvas>
Run Code Online (Sandbox Code Playgroud)

但页面的其余部分保持不变,这可能是不恰当或误导的.我想要一些检测画布不支持的方法,以便我可以相应地呈现我的页面的其余部分.你会推荐什么?

javascript html5 canvas progressive-enhancement graceful-degradation

137
推荐指数
5
解决办法
7万
查看次数

渐进增强和优雅降级有什么区别?

我对进步增强优雅降级之间的区别感到困惑.他们看起来像是一样的东西.

你能否向我解释两者之间的差异以及我将使用哪一种情况?

javascript progressive-enhancement graceful-degradation

60
推荐指数
6
解决办法
2万
查看次数

Rails 3的"data-method ='delete'"如何优雅地降级?

Rails 3做了一些很酷的东西,让Javascript不引人注目,所以他们做了这样的事情:

= link_to "Logout", user_session_path, :method => :delete
Run Code Online (Sandbox Code Playgroud)

..转换为

<a href="/logout" data-method="delete" rel="nofollow">Logout</a>
Run Code Online (Sandbox Code Playgroud)

但它只是发生在我身上..当我关闭javascript时,方法不再是DELETE,它是按预期获得的.那么是否有计划或者有某种方法允许这些data-属性优雅地降级,以便链接仍然是DELETE请求?

ruby-on-rails graceful-degradation unobtrusive-javascript ruby-on-rails-3

36
推荐指数
2
解决办法
2万
查看次数

混合基于页面/单页面的网络应用程序(Angularjs,Ember.js),具有渐进增强功能?

我想知道是否有人找到了解决这个问题的方法.有没有办法让两全其美:

  • 构建一个基于页面的站点,具有永久链接,可访问性,SEO和优雅的后备/渐进增强(基本上所有Web开发最佳实践)
  • 并且,对于那些使用javascript,具有ajax加载内容的响应式前端体验,在导航底层网站页面时没有页面刷新,脚本/内容/ css /等的最小冗余下载.(像AngularJs或Ember.js这样的客户端框架的所有好处)

我看到一些主要网站能够管理这个(gmail,stackoverflow),我看到Jeff的新网站在一个noscript标签中构建了一个简单的网站版本.

  1. 基于混合页面/单页面应用程序的解决方案是构建网站的两个版本,发送两个版本,并让客户决定它可以显示哪个版本?(这是gmail的功能吗?)
  2. 或者是AngularJS等人的问题.根本不是为了让优雅降级而设计的?

我认为#1就是答案,让我的DRY大脑受伤.

(我关注AngularJs的原因是我喜欢它支持html模板,声明式样式,以及它修复js范围的尝试.Ember和其他框架也很出色;也许其中一个更适合混合站点?)

seo progressive-enhancement graceful-degradation ember.js angularjs

23
推荐指数
1
解决办法
5615
查看次数

在2011年,真的有必要还是降低js吗?

严肃的问题.

我尝试了大多数着名的网站(包括脸谱版),我可以说,在禁用js的情况下,大量的功能都不会降级.我总是被告知js应该优雅地降级,但这仍然适用于这些日子和时代吗?

几个站点正在删除ie6支持,并且大多数web2.0严重依赖于js(尤其是ajax,我甚至发现一些站点不允许你在没有启用js的情况下登录).

你对此有何看法?

编辑:

我想补充一点,我首先开发没有js的webapps,然后用它来增强它们.问题是年复一年,js越来越成为网络的一部分.HTML5,canvas和重js应用程序开始兴起.我们是否会达到js在大多数网站中必修的程度?我谈到了facebook,因为该网站实际上已经降级,并且可以在没有js的情况下使用,但大多数功能和快捷方式都被剥夺了网站感觉枯燥和老旧的点.还有一个例子,其中js比服务器端脚本更好,例如,大型表的排序比php实现更快,服务器密集程度更低.

ps我不知道如何使这个社区维基,但我会,我只是对你的意见感兴趣.

javascript ajax graceful-degradation

22
推荐指数
4
解决办法
975
查看次数

在Android中检测捏

我想在我的Android应用程序中处理pinch事件以放大和缩小.

我相信Android 2.0具有多点触控功能,并且听说Android 1.6可能支持也可能不支持它,具体取决于设备.

检测夹点事件的最佳方法是什么,而对于不支持它的设备则优雅地降级?我的目标是Android 1.5向上.

android graceful-degradation multi-touch pinch

14
推荐指数
1
解决办法
2万
查看次数

如何编写向后兼容的HTML5?

我想开始使用HTML5的基本功能,但与此同时,让我的代码向后兼容旧浏览器(优雅降级).例如,我想使用酷炫的CSS3属性来制作圆角.是否有可用于编写优雅降级HTML5的教程?

此外,我应该支持哪些浏览器以便我的应用程序.是否适合至少95%的访客?无痛地测试这些浏览器有哪些方法?

html5 graceful-degradation css3

14
推荐指数
1
解决办法
1万
查看次数

AJAXify网站

我有合理的理由去做我想解释的事情.我有一个现有网站说abc.com有常规页面等等所有用PHP编写的.现在我想对网站进行AJAX化,即当用户点击链接时,它应该使用AJAX获取链接并替换页面内容.这是简单的部分,我可以使用jQuery get函数实现它.

现在问题出现在用户为页面添加书签时.我可以使用哈希标记来指定用户是否在另一个页面上,但是不是使用javascript再次获取新页面,是否可以在调用页面时使用PHP直接获取它.

能否请您给我一个如何实现上述目标的大纲.此功能类似于Facebook.

感谢您的时间.

javascript php ajax jquery graceful-degradation

13
推荐指数
1
解决办法
2008
查看次数

检测地理支持

有没有办法用JavaScript检查客户端浏览器是否支持GEO-URI方案

我想将不支持的浏览器的坐标显示为地图的链接

<a href='http://osm.org/#map=18/52.51627/13.37769'>Berlin</a>
Run Code Online (Sandbox Code Playgroud)

以及支持的浏览器(如智能手机)作为其本机应用程序的链接.

<a href='geo:52.51627,13.37769'>Berlin</a>
Run Code Online (Sandbox Code Playgroud)

javascript progressive-enhancement graceful-degradation modernizr polyfills

12
推荐指数
1
解决办法
1683
查看次数

在没有JavaScript的情况下优雅降级仍然有用吗?

即使移动浏览器都有JavaScript,是否真的有必要考虑潜在的无脚本用户?

javascript graceful-degradation

11
推荐指数
4
解决办法
1188
查看次数