首页 > web前端 > js教程 > JavaScript和DOM兼容表的资源

JavaScript和DOM兼容表的资源

Jennifer Aniston
发布: 2025-02-20 09:22:10
原创
777 人浏览过

JavaScript和DOM兼容表的资源

>近年来最佳的信息应用之一是我可以使用Alexis Deveria的知名且超级实行的。

>我可以使用

>我可以使用非常适合许多尖端的功能,但仍然有很多javascript和dom的东西不包含在其中。那么,还有哪些其他选项可以查找许多不同的JavaScript和DOM功能的浏览器支持? >我一直在研究各种前端技术,但是我尚未找到的一件事是一个非常好的一站式资源,列出了浏览器对JavaScript和DOM的各个方面的支持,包括各种html5 apis。

>尽管单个资源并不真正存在(至少我不知道),但我共同遇到了一些资源,构成了一个很好的概述,其中支持哪些功能,其中浏览器,浏览器,浏览器,特别是您可能仍然需要支持的任何旧版本的IE。

钥匙要点

>没有一个用于JavaScript和DOM兼容性的综合资源,但几个资源共同提供了跨不同浏览器的功能支持的良好概述。其中包括我可以使用,MDN的参考,Peter-Paul Koch的Quirksmode DOM参考,Cody Lindley的Web浏览器兼容表,由Tobias Buschor提供Kangax/Arnott的兼容表,以及JavaScript兼容性检查器Thijs busser。

在不同的设备和浏览器上进行支持的实际测试,您需要支持的浏览器应始终是确定兼容性的主要方法。 “支持”表可能并不总是包含可能使功能无法使用的相关错误,并且某些资源可能是不正确的。 当我可以使用时,MDN的参考是一个很好的起点,没有您需要的信息。它提供了对各种JavaScript功能的支持的初步概述。任何人也可以编辑,因此,如果您发现不正确的信息,则可以更新。 Thijs Busser的JavaScript兼容性检查器> busser是一种新工具,可让您粘贴或上传JavaScript代码,以分析代码的兼容性。它使用Kangax表中的信息,我可以使用,重点介绍ES5和更高版本中添加的较新的API和功能。但是,它仍然是新事物,可能并不总是提供准确的结果。
  • 当然,实际测试胜过所有
  • >在进入资源之前,我认为它不用说在不同的设备和浏览器上进行实际测试,您必须支持的浏览器应该始终是确定支持的主要方法。

    >能够获得二手支持概述真是太好了。但是“支持”表并不总是包含任何可能使所讨论功能无法使用的相关错误。这是一个事实,即某些资源可能完全是错误的。

    >

    >因此,请确保进行测试并使用本文中描述的参考文献,而不是作为在特定设备上特定平台上特定浏览器中工作的最后一个词。

    >

    MDN的参考

    如果您找不到>上的东西,我可以使用,您应该查找的第一个位置是Mozilla的开发人员网络。而且我敢肯定,你们大多数人都这样做。在大多数情况下,这就是您需要在>上找不到的特定JavaScript功能的支持的良好初步概述。 例如,假设您要查找AddEventListener()和RemoveEventListener()。您不会在上找到我可以使用

    。但是您可以在MDN上找到带有浏览器信息的两者。

    >正如您在上面的屏幕上看到的那样,除了显示哪些浏览器具有“基本支持”的详细信息外,该图表中通常还有其他信息有关功能可能添加的功能。 JavaScript和DOM兼容表的资源还请记住,任何人都可以编辑MDN的参考,因此,如果您发现某些东西不正确,请随时更新它。

    > Peter-Paul Koch

    如果不提及Peter-Paul Koch及其出色的参考表,这些讨论将无法完整,它们都是基于他自己的测试的。

    Koch的表包括桌面和移动浏览器的支持信息,在我看来,Dom的东西非常最新,表明对IE11和ios7的支持。 Cody Lindley

    Web浏览器兼容表

    >这是由科迪·林德利(Cody Lindley)建造的似乎并不太名,他写了一些关于JavaScript和Dom的精彩书籍。它称为Web浏览器兼容表(WBCT),是庞然大物的资源。

    > JavaScript和DOM兼容表的资源

    > Cody的网站包括返回IE6的支持表,并包括以下内容:>

    > DOM支持台式机和平板电脑/电话浏览器

    > DOM事件支持台式机和平板电脑/电话浏览器

    JavaScript和DOM兼容表的资源> ES6支持台式机和平板电脑/电话浏览器

    这些是研究JavaScript支持信息的开发人员的主要领域,但是WBCT还包括CSS,BOM,SVG等的支持表。因此,请务必为此添加书签。它是对MDN的彻底补充。
      >

      大JS兼容性表由Tobias Buschor

      >这绝对不是很广为人知,但是它可能没有包含在Cody Lindley的桌子中,或者在MDN上没有证明的内容。

      >这是由Tobias Buschor创建的大JS兼容桌。

      JavaScript和DOM兼容表的资源

      这也是一个巨大的资源,我真的很喜欢它如何使您钻入特定的JavaScript或DOM功能。例如,如果您滚动浏览初始列表(以窗口对象开头),则可以单击诸如储藏器之类的内容,并为您提供该特定对象上的方法和属性的列表。>

      JavaScript和DOM兼容表的资源尽管这是一个非常全面的资源,但我注意到它有时会很慢,并且主要网站似乎发生了一些错误,因此我不确定Tobias是否一直在维护资源, 。

      >如果我要查看在其他地方记录的特定功能,我通常将此可能用作第三或第四可能性。

      >

      > dottoro javascript Web参考

      由IT服务公司Dottoro维护的Dottoro JavaScript参考,是许多不同JavaScript和DOM功能的相当不错的资源。

      >

      在所有版本中浏览器支持已满的情况下,您会看到一个浏览器图标,表明了这一点,或者是一个被洗净的图标,表明缺乏支持。另外,如果支持从特定版本开始,也将指示。您可以在下面的屏幕截图中看到这一点:

      JavaScript和DOM兼容表的资源

      除了浏览器支持外,此功能还简要介绍了您正在查找的功能,因此这是一个奖励。

      > JavaScript和DOM兼容表的资源>我真正喜欢此资源的是一个不错的搜索功能,当您首次访问网站时,这并不是很明显。通过单击两个“按名称浏览”按钮之一,它是在Lightbox窗口中触发的。下面的屏幕截图中指示了侧向按钮:

      >您也可以在主页上直接搜索,但是我喜欢Lightbox中的搜索,因为它会根据您的键入内容立即过滤结果,而不必先查看结果页面。 总体而言,dottoro参考是一个不错的,有吸引力的资源,还包括HTML和CSS功能的浏览器支持信息。

      JavaScript和DOM兼容表的资源ie开发中心JavaScript和DOM参考

      通常,当我们想知道浏览器支持时,这是因为我们想要有关IE较旧版本的信息(现在包括IE9和IE10,这两者都按照当今的标准被视为“旧”)。Microsoft的Internet Explorer Dev中心有一系列好页面,其中包含有关JavaScript和DOM功能的详细支持信息。

      JavaScript和DOM兼容表的资源 例如,您可以访问JavaScript版本信息页面,该页面列出了表格中的许多功能,其中包含IE6-11的支持信息。您也可以浏览每个功能,最终进入专门针对单个功能的页面。>

      >因此,如果您在映射对象的foreach方法上钻到页面,您将获得该功能的描述以及“要求”的部分,该部分概述了该功能的IE版本。 >

      >这只是可以查找的一小部分。还有DOM引用,Web应用程序参考(涵盖许多HTML5 API),以及涵盖画布的图形和媒体参考,音频/视频API,SVG和WebGl。

      >这些IE Dev中心参考页面中唯一真正的缺陷是它们仅涵盖对IE浏览器的支持。但这没什么大不了的,因为IE通常是我们查找有关浏览器支持的信息的主要原因。JavaScript和DOM兼容表的资源> Kangax/Arnott

      ECMAScript兼容表

      如果您正在寻找自ES5以来添加的Ecmascript功能,那么最好的资源之一是Juriy“ Kangax” Zaytsev和Leon Arnott的兼容表。

      参考包含涵盖ES5,ES6,ES7和非标准功能的兼容性信息。

      奖励:thijs Busser

      的JavaScript兼容性检查器 JavaScript和DOM兼容表的资源这是由Thijs Busser构建的一种新工具,称为JavaScript兼容性检查器(JSCC),可让您放置粘贴或上传一些JavaScript,然后对代码进行分析。

      >

      该工具使用kangax表中的信息,

      >我可以使用

      >,因此这里的焦点似乎是在ES5和以后添加的较新的API和内容上。

      为了向您展示其工作原理,我在Web Worker上添加了此MDN文章中的一些代码。注意显示的结果:

      JavaScript和DOM兼容表的资源>在这里,您会发现代码中使用的具有兼容性问题的功能(即,它们的支持少于100%),并且哪些浏览器会引起问题。

      >

      >我会警告您,此工具是新的,可能会使用一些改进。例如,当我粘贴一些使用数据集属性的代码时,JSCC告诉我代码没有任何兼容性问题。但是MDN表示在IE10或更低的IE10中不支持它。即使列出了我可以使用的数据集,也会发生这种情况,因此结果应准确。

      >

      >因此,尽管这不是一个完整而傻瓜的工具,但随着它的改善,它肯定是值得关注的。

      总结

      如前所述,实际测试应始终是兼容性信息的主要手段。而且我认为任何地方都没有一个源可以为所有JavaScript和DOM功能提供完整的浏览器兼容性信息。但是我认为我在这篇文章中列出的资源可以作为一个集体实体,您可以依靠,以获取相当准确的信息。

      当然,我可能错过了一些东西。因此,如果您知道另一个来源,请随时将其添加到评论中。

      >

      经常询问有关JavaScript DOM兼容表的问题(常见问题解答)

      什么是JavaScript DOM兼容性表?它包括有关JavaScript,HTML,CSS和其他Web标准的详细信息。这些表对开发人员来说至关重要,因为他们可以帮助他们了解哪些功能得到了浏览器的支持,从而使他们能够编写所有在所有平台上都可以使用的代码。

      >我如何使用JavaScript DOM兼容性表? 🎜>使用JavaScript DOM兼容性表很简单。该表通常分为行和列,每行代表特定的特征或属性,每个列代表不同的浏览器。要找出特定浏览器是否支持功能,只需在行中找到该功能,然后将其跟随到所需的浏览器的列。如果单元格被标记为支持,则意味着浏览器支持该功能。

      >为什么JavaScript DOM兼容表很重要?

      javascript dom兼容性表对Web开发者至关重要快速简便的方法来检查各种浏览器中不同Web技术的兼容性。这是至关重要的,因为并非所有浏览器都支持所有功能,并且使用特定浏览器不支持的功能会导致错误和用户体验差。通过使用兼容性表,开发人员可以确保其代码在所有平台上都正确地工作。

      > ecmascript和JavaScript和JavaScript之间有什么区别? JavaScript是一种符合此规范的编程语言。换句话说,eCmascript用作蓝图,JavaScript是该蓝图的实现之一。其他语言(例如ActionScript)也遵循eCmascript规范。

      > JavaScript DOM兼容性表更新了多久一次?

      >更新到JavaScript DOM兼容表的频率可能会有所不同。但是,通常会定期更新它们,以反映最新版本的Web浏览器和最新的Web技术。使用可靠且最新的兼容性表来确保准确的信息很重要。

      在兼容表中将功能标记为“部分支持”时,这是什么意思?兼容表中的部分支持”意味着,尽管浏览器识别该功能,但它可能无法支持其所有方面,或者可能会在已知问题上支持它。建议查看与“部分支持”标签相关的注释或详细信息以获取更具体的信息。

      >我如何为JavaScript DOM兼容性表做出贡献?

      >开源项目,这意味着任何人都可以为他们做出贡献。这通常涉及通过特定过程提交数据或更正,通常涉及GitHub。在贡献之前,重要的是要熟悉项目的贡献指南。

      “ Caniuse”网站是什么?支持表,以支持台式机和移动网络浏览器上的前端Web技术。这是开发人员检查各种Web技术的兼容性的宝贵资源,包括JavaScript,HTML,CSS等。兼容表是一个宝贵的资源,还有其他方法可以检查浏览器兼容性。其中包括使用“我可以使用”,检查Web技术的正式文档或使用代码中的功能检测来确定是否在运行时支持功能。> 如何确保我的代码如何确定功能。在所有浏览器上使用?

      >确保您的代码在所有浏览器上都可以使用,涉及使用JavaScript DOM兼容表来检查功能支持,使用代码中的功能检测以及对不同的测试进行彻底测试。浏览器和设备。同样重要的是要了解最新的Web标准和浏览器更新。

      >

以上是JavaScript和DOM兼容表的资源的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板