2016-09-06 123 views
2

MDN頁面包含有關DOM API接口以及當時的繼承關係的信息。 https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_ModelDOM繼承結構

最好的圖形表示我發現如下: https://i-msdn.sec.s-msft.com/dynimg/IC250389.gif

但是有沒有顯示上述鏈接的MDN頁面上大部分接口之間的繼承關係的更完整的圖?還是有一種軟件可以生成這樣的圖表?除了MDN頁面之外,還有哪些地方可以找到DOM界面之間的繼承結構?

如果無法找到更完整的繼承結構可視化圖像,是否有人願意幫助我創建這樣的圖形?任何志願者都想上傳DOM API的列表以及每個API的父項?

回答

6

我最近一直在玩extracting information from W3C specs,並想知道我可以用提取的數據多快建立它。

總之,時間不長,在所有(在大的部分,因爲D3是這樣一個令人印象深刻的可視化庫):https://dontcallmedom.github.io/webidlpedia/inheritance.html Screnshot of Tree visualization of inheritance in DOM interfaces

代碼可在https://github.com/dontcallmedom/webidlpedia

+1

非常有趣! https://dontcallmedom.github.io/webidlpedia/graph-cyto.html可以使用佈局算法,雖然 – Bergi

+0

是啊,我不太滿意依賴關係圖,但還沒有找到正確的方法來可視化這樣一個大目。如果你有建議,我會很樂意帶他們:) – dontcallmedom

+0

還有'SVGElement'和後代 – the8472