Question

我正在尝试使用JavaScript变得更好，我在破坏页面方面做得非常好:)）））））

我正在尝试使用Firebug进行调试，但最初有点令人困惑。哪个选项卡用于调试JavaScript？我看到DOM和脚本 - 它应该是什么？

我为人们登录：登录：test@comehike.com 密码：密码

我在该页面上尝试做的是让“全部清除”和“清除最后”链接正常工作，但我只是创造了一个混乱：）

现在发生的是标记被放置，但是在“全部清除”之后，标记不被识别并且不被放入“rout_markers”id元素中。

有关如何解决这个问题或者至少朝着正确的方向前进的任何线索？非常感谢！

Answer 1

您需要在控制台标签中查看错误和警告。例如，你有两个我见过的：

页面加载：

YUI is not defined
http://www.comehike.com/outdoors/trees/add_spotted_trees.php?hike_id=108
Line 256

登录并单击“删除所有标记”后

markers[array_length - 1] is undefined
http://www.comehike.com/outdoors/trees/add_spotted_trees.php?hike_id=108
Line 322

此外，您可以使用alert()而不是使用console.log()进行测试，这将打印到控制台。请记住在上线之前删除它们。

此外，您可能想查看一些视频：

并阅读一些教程：

修改

根据我的评论，以下是我为解决console.log（）难题所做的工作：

try{console.log();}catch(e){var console=new Object;console={log:function(){ininklklaskjdflk=0;}};};

Answer 2

只是添加到Jared所说的内容，使用console.log（）是一种更有效的调试方法，可以提醒所有内容。但是，如果您将其保留并在没有控制台的浏览器中访问该页面，则会崩溃。你可以删除console.log（）调用，或者如果你担心忘记它们，你可以使用这段代码：

if(window.console && console.log) console.log("Log Something");

所有这一切都是在向其发送内容之前检查控制台是否存在。如果控制台不存在，那if语句将评估为false，这意味着从不运行console.log（“Log Something”）。如果你喜欢你也可以这样写：

if(window.console && console.log) {
    console.log("Log Something");
}

两者的意思完全一样。

Answer 3

通过脚本窗格，您可以查看页面上运行的所有javascript的来源。你可以设置断点并查看变量......

控制台窗格可能是最有用的。

您可以使用它来查看错误和console.log语句（来自Jack Franklin的帖子）。您还可以从“命令行”运行javascript以在页面上对其进行测试。