如何知道當前頁面代碼添加到窗口中的對象？

Question

當我訪問某個頁面時，如SPA，我知道一些對象通過其代碼添加到window。

有沒有辦法知道本地瀏覽器對象/方法，哪些是由應用程序添加的？

Answer 1

調用窗口變量基本上給你一個從裏面的所有內容概述。我想，如果你想知道它目前有多少功能，包括你可以這樣做：

Object.keys(window).length; //or just Object.keys for the names 

。如果新的功能被加入到窗口對象知道需要知道他們在那裏凡在按鍵的數量包括或只是通過了解靜態數字。僅舉一些例子。這裏在stackoverflow窗口對象只包含246個鍵。然而，像谷歌這樣的東西我計算了1597個鍵。所以它真的取決於你使用的應用程序。

所以你可以做的是編寫一個函數，檢查鍵的數量是否增加，以及何時發生鍵取出鍵並將其移動到函數內的數組中。

這就是我從你的問題中得到的。

Answer 2

我認爲你正在尋找Mutation Observers。有了它們，您可以偵聽新添加或刪除的DOM元素。我相信你也會收到屬性和文字變化的通知。

以下是關於它們的簡短文章的鏈接。 Mutation Observers

希望這會有所幫助！

Answer 3

假設您有兩個單獨的選項卡。一個不添加任何東西到窗口（這是很難找到），一個已添加一些屬性。

已經打開。

在乾淨的

做： a = Object.keys(window); JSON.stringify(a);

複製的結果並移動到增加了一些屬性窗口中的選項卡。然後做a = JSON.parse(<Ctrl + v>) 和b = Object.keys(window)

最後： c = b.filter(p=>a.indexOf(p)=== -1)

現在c包含已經加入到由該標籤窗口對象的所有屬性的名稱;

HOT TIP： Firefox的開發版做，默認情況下： a screenshot of how it works 注意window的默認屬性不同屬性分開（稱爲[default properties]）