什么是控制台.log?

2022-08-29 23:21:26

有什么用?console.log

请解释如何在JavaScript中使用它,并提供一个代码示例。


答案 1

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

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

然后,您会在Firebug的“控制台”选项卡(或其他工具的控制台 - 例如Chrome的Web Inspector)中看到何时单击该按钮。#someButton was clicked

由于某些原因,控制台对象可能不可用。然后,您可以检查它是否是 - 这很有用,因为在部署到生产环境时不必删除调试代码:

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

答案 2

您可以查看控制台的地方!只是为了把它们都放在一个答案中。

火狐浏览器

http://getfirebug.com/

(你现在也可以使用Firefox内置的开发人员工具Ctrl+Shift+J(工具>Web Developer > Error Console),但Firebug要好得多;使用Firebug)

Safari 和 Chrome 浏览器

基本相同。

https://developers.google.com/chrome-developer-tools/docs/overview

https://developer.apple.com/technologies/safari/developer-tools.html

互联网浏览器

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

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

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

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

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

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

歌剧

http://www.opera.com/dragonfly/

苹果操作系统

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

http://developer.apple.com/library/ios/ipad/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html

现在,在 iOS 6 中,如果您插入设备,则可以通过 OS X 中的 Safari 查看主机。或者您可以使用模拟器执行此操作,只需打开Safari浏览器窗口并转到“开发”选项卡即可。在那里,您将找到让Safari检查器与您的设备进行通信的选项。

Windows Phone, Android

这两者都没有内置的控制台,也没有书签功能。因此,我们使用 http://jsconsole.com/ 类型:listen,它会给你一个脚本标签来放置在你的HTML中。从那时起,您可以在jsconsole网站内查看您的控制台。

iOS 和安卓系统

您还可以使用 http://html.adobe.com/edge/inspect/,使用其方便的浏览器插件在任何设备上访问Web检查器工具和控制台。


较旧的浏览器问题

最后,如果您在代码中使用控制台.log而不是同时打开开发人员工具,则旧版本的IE将崩溃。幸运的是,这是一个简单的解决方案。在代码顶部使用以下代码段:

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

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