如何在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. 打開你的谷歌瀏覽器發展論壇工具，然後單擊腳本
2. 選擇正確的腳本文件，並設置你想要的斷點（在if語句preferrably）
3. 開始運行該腳本！
4. Devtool將停在斷點上。你可以看到全局和局部變量。您應該將文本值存儲到變量中以查看變量的實際內容。

Answer 4

按照其他說明去開發工具，但我認爲你的裏面有一個空間。我使用Firefox上的螢火蟲，我看到一個空間。

嘗試

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