如何在chrome中调试以找出为什么此代码不起作用？

Question

如何使用JavaScript控制台查看此代码的原因：

// Empty info
if ($('.perma-info').text() == '') {
    $('.perma-info').remove();
}

在此页面中无效：http://dev-indiehaz.tumblr.com/post/22897976111/vans-vw

我想要它，如果元素为空，我可以删除它。

Answer 1

你可以从：

开始

console.log($('.perma-info'));

然后你观察控制台。 2种可能性：你得到一个空的结果集，在这种情况下你显然应该检查你的选择器，因为你的DOM中可能没有class="perma-info"的元素，或者你得到一些结果，在这种情况下你继续：

console.log($('.perma-info').text());

然后观察控制台。如果你得到一个空文本，那么if条件应该有效。如果它打印了一些值，则匹配的DOM元素有一些文本。

快乐的调试。

Answer 2

按 F12 并设置断点。

Answer 3

1. 打开Goog​​le Chrome开发工具，然后点击“脚本”
2. 选择正确的脚本文件并设置所需的断点（最好在if语句中）
3. 开始运行脚本！
4. Devtool将在断点处停下来。您可以看到全局变量和局部变量。您应该将text-value存储到变量中，以便查看变量的实际内容。

Answer 4

按照其他说明进入开发工具，但我认为你的内部有一个空间。我在firefox上使用firebug，我看到了一个空格。

试

if ( $.trim($('.perma-info').text()) == '') {
    $('.perma-info').remove();
}