区别JavaScript控制台和右击浏览器并选择检查？

我目前正在开发一个角度应用程序，并希望在控制台中查看我的范围。我目前通过输入angular.element($0).scope()来实现此目的。区别JavaScript控制台和右击浏览器并选择检查？

这适用于当我通过右键单击页面，选择检查，导航到控制台选项卡并输入上面的代码打开控制台。

但是，当我使用浏览器快捷方式打开控制台时，相同的代码行不起作用。

为什么会发生这种情况，我该如何做到这一点，当我通过捷径打开浏览器的代码行的作品？

下面我提供显示不同的输出控制台的截图：在镀铬控制台https://www.google.com/partners/?hl=nl#a_profile;bdgt=;idtf=3245994249;lang=;locn=;motv=0

2017-04-19 duck

Chrome将检查元素的历史记录存储在从$0开始的变量中。这就是为什么它只有在元素面板中首先选择它才有效。有一些Chrome开发工具扩展，如Batarang，它为您的元素检查器添加一个面板，显示可能对您有用的选定元素的范围。或者，您可以使用angular.element(<SOME_SELECTOR_HERE>).scope()来定位元素，以便在控制台中获取范围，而不是依赖检查历史记录。

来源

2017-04-19 12:29:41