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

JavaScript和DOM兼容表的資源

Jennifer Aniston
發布: 2025-02-20 09:22:10
原創
776 人瀏覽過

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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板