什么是console.log？

2018-05-29 23:57:08

console.log什么用处？

请解释如何在JavaScript中使用它，并附上代码示例。

这不是一个jQuery功能，而是一个用于调试目的的功能。例如，您可以在发生某些事情时将某些内容记录到控制台。例如：

$('#someButton').click(function() {
  console.log('#someButton was clicked');
  // do something
});

当你点击按钮时，你会看到#someButton was clicked在Firebug的“控制台”选项卡（或其他工具的控制台 - 例如Chrome的Web Inspector）中被点击。

由于某些原因，控制台对象可能不可用。然后你可以检查它是否是 - 这很有用，因为当你部署到生产时你不必删除你的调试代码：

if (window.console && window.console.log) {
  // console is available
}

您可以查看控制台的地方！只是为了让他们都在一个答案。

火狐

https://getfirebug.com/

此外，Firefox的内置开发工具Ctrl + Shift + J（工具> Web开发人员>错误控制台）（但Firebug更好;使用Firebug）

https://developer.mozilla.org/en-US/docs/Tools

Safari和Chrome

基本上是一样的。

https://developers.google.com/web/tools/chrome-devtools/

https://developer.apple.com/safari/tools/

IE浏览器

不要忘记，您可以使用兼容模式在IE9或IE10中调试IE7和IE8

https://msdn.microsoft.com/en-us/library/gg589507(v=vs.85).aspx

https://msdn.microsoft.com/en-us/library/dd565628(v=vs.85).aspx

如果您必须访问IE6中IE7的控制台，请使用Firebug Lite书签

https://getfirebug.com/firebuglite/寻找稳定的书签

https://en.wikipedia.org/wiki/Bookmarklet

歌剧

https://www.opera.com/dragonfly/

iOS版

适用于所有iPhone，iPod touch和iPad。

https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/
（用于在iOS上调试Web内容的存档链接）

现在在iOS 6中，如果插入设备，则可以通过OS X中的Safari查看控制台。或者你可以使用模拟器，只需打开Safari浏览器窗口并转到“开发”选项卡。在那里您可以找到让Safari检查员与您的设备进行通信的选项。

Windows Phone，Android

这两个都没有内置控制台，也没有书签功能。所以我们使用https://jsconsole.com/ type：listen，它会给你一个脚本标签放置在你的HTML中。从此，您可以在jsconsole网站中查看您的控制台。

iOS和Android

您还可以使用http://html.adobe.com/edge/inspect/通过浏览器插件访问任何设备上的网络检查器工具和控制台。

较旧的浏览器问题

最后，如果在代码中使用console.log，并且没有同时打开开发人员工具，则旧版浏览器（再次感谢Microsoft）会崩溃。幸运的是它很容易修复。简单地在代码顶部使用下面的代码片段，好的旧IE应该让你一个人留下：

 if(!window.console){ window.console = {log: function(){} }; }

这将检查控制台是否存在，如果不存在，则将其设置为具有称为log的空白函数的对象。这样window.console和window.console.log永远不会真正的undefined.

如果您使用Firebug等工具检查代码，则可以查看任何记录到控制台的消息。假设你这样做：

console.log('Testing console');

当你使用Firebug访问控制台时（或者你决定使用哪个工具来检查你的代码），你会看到你告诉函数登录的任何消息。当您想要查看某个函数是否正在执行，或者是否正确传递/分配了一个变量时，这非常有用。对于弄清楚你的代码出了什么问题其实是相当有价值的。

链接地址: http://www.djcxy.com/p/2973.html