当前位置：文江博客话题详情

如何检查浏览器对功能/事件的支持？

发布于 2024-11-02 02:37:04 字数 181 浏览 1 评论 0原文

过去，我们使用浏览器嗅探来推断某些事件或功能是否可用。据我所知，浏览器嗅探已被“弃用”或“回避”，取而代之的是功能嗅探。我想知道如何检查是否可以处理某个事件。

以 DOMNodeInserted 为例。 Chrome、FF 和 Safari 支持，但 IE 不支持。我如何嗅探此事件是否可用？有图书馆吗？你们如何进行正确的功能嗅探？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

友欢 2024-11-09 02:37:04

你无法检测突变事件，而 Modernizr 对此不起作用（因为人们会将其作为事实上的答案吐出来）。

“检测”对突变事件的支持的唯一方法是尝试并触发该事件。伪代码：

var div = document.createElement('div'), supported = false;
div.addEventListener('DOMNodeInserted', function(){ supported = true; });
div.appendChild(div.cloneNode(true));

请注意，如果上面的代码是线性代码，则它不会按原样工作，因为事件侦听器是异步的。然而，总体想法是有效的，也许最好通过回调来实现。

You can't detect mutation events, and modernizr doesn't work for this (since people are going to spit that out as the defacto answer).

The only way to "detect" support for mutation events is to try and trigger the event. Pseudo code:

var div = document.createElement('div'), supported = false;
div.addEventListener('DOMNodeInserted', function(){ supported = true; });
div.appendChild(div.cloneNode(true));

Note that the above code will not work as-is if it's in linear code because the event listener is async. The general idea is valid, however, perhaps best implemented with a callback.

回复收藏 0 原文