时间戳

首页 > 解决方案 > 在 Javascript 中隐藏图像的不同方法

javascript - 在 Javascript 中隐藏图像的不同方法

问题描述

我负责开发一种方法/算法来隐藏触发器上的图像。但是隐藏的方式应该是开发人员很难“检查代码”并更改某些 javascript 变量或设置某些条件为真。所以这visibility:hidden是肯定的，因为通过“检查代码”很容易摆脱它。

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

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

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

标签： javascriptjquerycsshtml

解决方案

您可以使用类似下面的内容来检测某人何时使用检查元素来完全隐藏他们尝试更改的内容。

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);

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

推荐阅读