什么是控制台.log？

javascript console.log firebug

2022-08-30 01:08:42

有什么用？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 浏览器

基本相同。

互联网浏览器

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

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

歌剧

苹果操作系统

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

现在，在 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.