javascript 控制台与右键单击浏览器并选择检查之间的区别?

difference between javascript console and right clicking the browser and selecting inspect?

我目前正在开发一个 angular 应用程序并希望在控制台中看到我的范围。 我目前通过输入 angular.element([=11=]).scope().

来实现

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

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

为什么会发生这种情况,我该如何做到这一点,以便当我通过快捷方式打开浏览器时,代码行可以正常工作?

下面我提供了显示不同输出的控制台屏幕截图:http://imgur.com/a/XRBl2

我找到了一个现场网站,也出现了这种现象,你可以自己试试看:https://www.google.com/partners/?hl=nl#a_profile;bdgt=;idtf=3245994249;lang=;locn=;motv=0

chrome控制台中的

[=10=]表示most recent inspected element,如果你只是打开chrome控制台,你还没有检查任何东西。检查:https://willd.me/posts/0-in-chrome-dev-tools

Chrome 将检查元素的历史存储在它创建的以 [=10=] 开头的变量中。这就是为什么只有当您首先在元素面板中 select 它才有效。有 Chrome 开发工具扩展,例如 Batarang,它向您的元素检查器添加一个面板,显示 selected 元素的范围,这可能对您有帮助。或者,您可以使用 angular.element(<SOME_SELECTOR_HERE>).scope() 定位元素以获取控制台中的范围,而不是依赖检查历史记录。