Javascript中隐藏图像的不同方法

我负责开发一种在触发器上隐藏图像的方法/算法。但是隐藏应该是这样一种方式，即开发人员很难“检查代码”并更改某些javascript变量或将某些条件设置为true。所以

visibility:hidden

肯定是否定的，因为通过“检查代码”很容易摆脱它

我能想到的唯一可行的选择是通过JQuery注入图像代码（），这将使手动触发图像代码变得非常有效（我相信）。但不确定是否足够好

我可以实施什么样的方法？每个意见都很重要。多谢各位

---

澄清一下：有两张图片。每个按钮悬停将触发其中一个图像的可见性。其目的是禁止用户同时查看这两个文件。他们可以通过改变脚本条件和变量来避免这种情况。如何防止这种情况发生？

当有人使用inspect元素完全隐藏他们试图更改的内容时，您可以使用下面的方法来检测

var currentHtmlContent;
var element = new Image();
var elementWithHiddenContent = document.querySelector("#element-to-hide");
var innerHtml = elementWithHiddenContent.innerHTML;
element.__defineGetter__("id", function() {
    currentHtmlContent= "";
});
setInterval(function() {
   currentHtmlContent= innerHtml;
   console.log(element);
   console.clear(); 
   elementWithHiddenContent.innerHTML = currentHtmlContent;
}, 1000);

---

当他们停止检查时，它将显示内容。

将尝试并通知。但是这个想法很好也很简单。谢谢。没问题，让我们知道你是怎么担心的，但这在我的情况下不起作用。不确定我是否未能定义getter。我已经创建了一个供您查看的提琴：似乎工作正常。感谢您的努力，干净的代码。不幸的是，它不适用于Firefox。不管怎样，我决定使用一个名为“devtools detect”的github库。它很整洁！尽管如此，还是要感谢你的领导。多亏了你的回答，我找到了那个图书馆。我相信这是正确的答案。