检测在devtools中所做的更改

Question

我试图检测属性是否在devtools或js脚本中更改了。

我创建了一个MutationObserver对象，但是如果这是在devtools或js脚本中触发的更改，我不知道如何检测差异。

可变$modalImg是带有图片标签的jQuery变量。
attributeValue是更改后的新值。在这种情况下，这是属性src的值。

我想检测src属性的更改以防止用户对其进行更改，但是我想允许js脚本更改src属性。

那是否有可能，或者我应该完全不同地做呢？

var srpImageObserver = new MutationObserver(function (mutations) {
        mutations.forEach(function (mutation) {
            if (mutation.attributeName === "src") {
                var $element = $(mutation.target),
                    attributeValue = $element.prop(mutation.attributeName);

                console.log(mutation)
        });
   });

srpImageObserver.observe($modalImg[0], {
    attributes: true
});