2014-02-11 47 views
1

在舊版Chrome瀏覽器中,開發人員工具/ JS控制檯顯示有關您在控制檯中創建的對象的原型信息。Chrome不再顯示有關JS對象的原型信息

正如我試過Chrome的最新版本,該類型的信息不再顯示。是否有任何設置需要調整,以便顯示我在控制檯中創建的即時JS對象的原型信息?或者,這是最新版本的Chrome開發工具中不需要的功能?

我想要的是看到其他對象派生對象的層次結構。有什麼建議麼?

順便說一句,這裏的一些照片什麼我談論:

舊版本的Chrome瀏覽器開發工具: Old version of Chrome displays information about JS objects

(PIC以上是從Apress出版的JavaScript程序員參考本書採取)

(參見舊版本的原型層次結構)

最新版本的Chrome瀏覽器開發工具: Newer version of Chrome seems to display little info about JS objects

(在最新版本中沒有更多的層次)

回答

1

你試過console.dir(myGrandChild)或任何物體,執行console.log是不是真的意味着給你所有的信息,console.dir是你應該用來顯示所有屬性。使用console.dir會給你你以前的預期。這將更有助於理解:https://developers.google.com/chrome-developer-tools/docs/console-apihttp://daker.me/2013/12/devtools-console-from-novice-to-ninja.html

+0

正確。幾分鐘前,我能夠發現console.dir()來查看層次結構。我只是希望在JS對象檢查/窺視時,這將成爲Chrome開發工具中的默認設置。 – Panoy

+0

它不再是默認值,因爲它們添加了更強大的功能,所以您必須明確要求以這種方式顯示對象,這主要是出於性能原因。如果您嘗試使用其他瀏覽器(例如Firefox),則使用console.dir是您訪問對象屬性的唯一方式,所以這是一個很好的更改,因爲它更加標準化。 – joseeight