如何在控制台上检查控制台绑定功能的值？

Question

你能告诉我开发人员如何在控制台上检查很多东西，同时在控制台上写一些代码然后按回车。

我也开始做但却未能实现。

首先我按小提琴按钮

<button id="test">test</button>

。

write these instruction on console.
$('#test')
null
$('#test').click(function(){)
SyntaxError: Unexpected token )
$('#test').click(function(){alert('---')})
TypeError: Cannot call method 'click' of null
event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery-1.9.1.js:3345
$('#test').click(function(){alert('---')})
TypeError: Cannot call method 'click' of null

Answer 1

根据this回答，JSFiddle使用的是MooTools，而不是JQuery，可以通过检查网站加载的来源来确认。这意味着您的$函数调用不会调用您期望的jquery函数，因此结果不是您希望的结果。

Answer 2

正如Mitch已经提到的，jQuery并没有加载到jsFiddle上。因此，您无法在开发人员工具中使用jQuery。

您面临的另一个问题是您的输出窗口包含在iFrame中。不仅如此，它还是一个带来安全问题的不同领域。即使加载了jQuery WAS，如果您尝试访问$('#test')，也会看到如下错误：

SecurityError: Failed to read the 'contentDocument' property from 
'HTMLIFrameElement': Blocked a frame with origin "http://jsfiddle.net" from
accessing a cross-origin frame.

那么，我们如何解决这个问题呢？当您打开开发人员工具时，您将要执行以下操作：

1）在“开发人员工具”中，键入以下内容：document.getElementsByTagName('iframe')[0].src

这会将URL（例如：＆＃34; http://fiddle.jshell.net/MYA32/show/＆＃34;）返回到您的小提琴页面。如果你没有看到一个，那就意味着你没有拯救你的小提琴。

2）在新窗口中打开该URL。

这是一个包含jQuery的jsfiddle。你现在应该可以使用jQuery了！ http://fiddle.jshell.net/MYA32/show/

顺便说一句，您可能会注意到iFrame URL与所有人的格式相同（只是fiddle.jshell.net和show change之间的内容。这可以帮助您在将来快速打开输出。