Visual Studio 2012不會達到斷點JavaScript

Question

我正在用javascript寫一個小項目，並且正在嘗試調試代碼。 但是，當我在Visual Studio 2012中放置一個斷點時，它說'This breakpoint will not be hit' 。 現在奇怪的是，斷點位於javascript Onloaded函數中，該函數應首先加載。 其他數組已經加載了值，但這是因為它們在那里存在了一段時間，現在我添加了一段代碼（以將數組連接成一個大數組），但是chrome javascript控制台說該數組是未定義的。

這是我的代碼，我添加了最后兩行。

function onLoaded() {
    defaultPage = document.getElementById('NounVerb');
    tekenwaarde = defaultPage.content.findName('tekenwaarde');
    totalValues = new Array();
    for (var i = 0; i <= 13; i++) {
        totalValues[i] = defaultPage.content.findName('total' + (i + 1));
    }
    nounValues = new Array();
    for (var y = 0; y <= 13; y++) {
        nounValues[y] = defaultPage.content.findName('noun' + (y + 1));
    }
    verbValues = new Array();
    for (var z = 0; z <= 13; z++) {
        verbValues[z] = defaultPage.content.findName('verbs' + (z + 1));
    }
    var allValues = new Array();
    allValues = totalValues.concat(nounValues, verbValues);
}

在Internet Explorer中遇到了這些斷點，但是我在IE中的設計看起來一團糟，（沒問題，這只能在Chrome中運行），但是現在我無法對其進行正確測試。 同樣，即使按下按鈕觸發該功能，我的功能中所有其他斷點也不會被觸發。

這是Chrome的問題還是我不​​知道的其他問題？ 還有沒有人也有這個問題？

問候吉斯

Answer 1

如果從Visual Studio運行Chrome，則仍然需要在Chrome本身中進行調試（並在Chrome調試器中設置斷點）。 如果使用Internet Explorer，則只能在VS中逐步瀏覽JavaScript。

代碼的問題在於您沒有聲明某些變量。 考慮如下重寫函數：

function onLoaded() {
    var defaultPage, tekenwaarde, i,
        max = 14,
        totalValues = [], 
        nounValues = [], 
        verbValues = [], 
        allValues = [];

    defaultPage = document.getElementById('NounVerb');
    if (!defaultPage || !defaultPage.content) {
        return;
    }

    tekenwaarde = defaultPage.content.findName('tekenwaarde');
    for (i = 1; i <= max; i++) {
        totalValues.push(defaultPage.content.findName('total' + i));
        nounValues.push(defaultPage.content.findName('noun' + i));
        verbValues.push(defaultPage.content.findName('verbs' + i));
    }

    allValues = totalValues.concat(nounValues, verbValues);
}