我目前正在开发一个角度应用程序,并希望在控制台中查看我的范围。
我目前通过输入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
答案 0 :(得分:2)
Chrome会将检查过的元素的历史记录存储在从$0
开始创建的变量中。这就是为什么只有在元素面板中首先选择它才有效。有一些Chrome开发人员工具扩展程序,例如Batarang,它会向您的元素检查器添加一个面板,显示可能对您有所帮助的所选元素的范围。或者,您可以使用angular.element(<SOME_SELECTOR_HERE>).scope()
来定位元素以获取控制台中的范围,而不是依赖于检查历史记录。
答案 1 :(得分:0)
$0
表示most recent inspected element
,如果您只是打开Chrome控制台,则您还没有检查过任何内容。检查:https://willd.me/posts/0-in-chrome-dev-tools