如何在HTML中進行調試

Question

我正在嘗試用HTML實現一些代碼； 使用此處的解決方案在HTML中調用PHP onclick，它只會運行到空白頁面。 經檢查，我發現代碼中有錯字，但在更正它后，輸出仍然相同，即打開空白頁，沒有回聲或其他任何內容。

我的問題：有沒有一種方法可以調試我的代碼，以便我的瀏覽器（我懷疑是瀏覽器）可以通知我該錯誤來自代碼的哪一部分或哪一部分，例如在Java IDE中？

<?php
function working(){
    echo 'WORKED ';
}    
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dice Game</title>
</head>
<body>
<div>
<div>
    <h1 id="player1" onclick="document.write('<?php working(); ?>')">
        ENTER PLAYER 1 NAME
    </h1>
</div>
</div>
</body>
</html>

注意：我使用Chrome

Answer 1

Firefox，Chrome等瀏覽器具有開發人員工具。 點擊F12激活它，然后查看Console，然后重新加載頁面。 那應該告訴您您的錯誤是什么。

Answer 2

您正在“在HTML中實現一些代碼；在HTML中調用PHP onclick”

首先，如果您在html中使用php代碼，那么文件擴展名應為.php，並且應該有一個服務器（例如wamp，xamp，lamp）來運行它。 如果擴展名為.html，則不會顯示任何錯誤，因為html文件是在瀏覽器控制桿上編譯的，而php是服務器端的語言。 因此，如果對文件進行正確的擴展名意味着使ext .php然后運行文件，那么如果出現任何錯誤，則您將在瀏覽器上收到消息，還提示錯誤的行號。

Answer 3

在Chrome或Firefox上，使用F12進行調試（窗口），或直接右鍵單擊頁面中的任意一個，選擇“ Inspect Elements然后選擇“ Console tabs

如何在HTML中進行調試

問題描述

3 個解決方案

解決方案1
1 2017-07-09 01:58:53

解決方案2
1 已采納 2017-07-09 04:17:49

解決方案3
0 2017-07-09 04:47:50

如何在HTML中進行調試

問題描述

3 個解決方案

解決方案1 1 2017-07-09 01:58:53

解決方案2 1 已采納 2017-07-09 04:17:49

解決方案3 0 2017-07-09 04:47:50

解決方案1
1 2017-07-09 01:58:53

解決方案2
1 已采納 2017-07-09 04:17:49

解決方案3
0 2017-07-09 04:47:50