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

时间:2017-04-19 12:22:57

标签: javascript angularjs google-chrome google-chrome-devtools developer-console

我目前正在开发一个角度应用程序,并希望在控制台中查看我的范围。 我目前通过输入angular.element($0).scope()来实现这一目标。

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

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

为什么会发生这种情况,我怎么能这样做,以便当我通过捷径打开浏览器时,代码行有效?

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

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

Chrome控制台中的

$0表示most recent inspected element,如果您只是打开Chrome控制台,则您还没有检查过任何内容。检查:https://willd.me/posts/0-in-chrome-dev-tools