鍍金池/ 問答/C  C++  網(wǎng)絡(luò)安全  HTML/ Chrome Js 斷點(diǎn)生效時頁面顯示未渲染內(nèi)容？

Chrome Js 斷點(diǎn)生效時頁面顯示未渲染內(nèi)容？

情況01：不打任何斷點(diǎn)，alert 彈窗時，頁面不會顯示任何內(nèi)容
情況02：在 alert 行打斷點(diǎn)，斷點(diǎn)生效時，頁面會顯示 Hello

問題：

  1. 為什么 Chrome 在斷點(diǎn)生效時、且頁面未加載完畢時，會顯示前面的已解釋內(nèi)容？
  2. Google 官方有沒有相關(guān)文檔說明此問題？
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
</head>

<body>
    <div>
        Hello
    </div>

    <script>
        document.addEventListener("DOMContentLoaded", function (e) {
            console.log("DOM fully loaded and parsed");
        })
        alert("Hi") // ← 此行打斷點(diǎn)
    </script>

</body>

</html>
回答
編輯回答
萌小萌

沒打斷點(diǎn)也有helloclipboard.png

2018年2月17日 01:39