如何在代码的这一部分调试chrome扩展？

问题描述

下面的代码是一个小项目中的JavaScript文件与popup.html一起使用的代码。
我将其用于chrome扩展开发学习。
该代码段的第一部分是从chrome存储中获取两个变量，我们将其称为part1。
第二部分是一个按钮单击事件函数，我们将其称为part2。
该按钮在弹出页面上，称为“支出”。
在第2部分中，我可以在chrome调试器DevTools上设置一个breakpoint2，当我单击弹出页面上的按钮时，它将在breakpoint2处停止。
但是，当我在第1部分上放置Breakpoint1时，代码不会在该行停止，即使再添加一行“ debugger;”，程序也不会在该行停止。 所以我的问题是如何使调试器在breakpoint1之类的地方停止？
扩展程序的源代码：https://drive.google.com/file/d/1odxJy9pGnovzox2yXH-6MDO03_T7QIDE/view?usp=sharing

//popup.js


$(function(){
    chrome.storage.sync.get(['total','limit'],function(budget){
        //Breakpoint1
        $('#total').text(budget.total);
        $('#limit').text(budget.limit);
    });


    $('#spendamount').click(function(){
      //Breakpoint2
      chrome.storage.sync.get(['total',function(budget){
        var newTotal = 0;
        if (budget.total){
            newTotal += parseInt(budget.total);
        }
        var amount = $('#amount').val();
        if (amount){
            newTotal += parseInt(amount);
        }
        chrome.storage.sync.set({'total': newTotal},function(){               
            bla();
            bla();
        }
        });
        $('#total').text(newTotal);
        $('#amount').val('');
    });
});
});

我们非常感谢您的帮助，谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）