网站上的秘密按钮

-1

我正在寻找一种方法来实现页面中的“秘密”按钮。当然，我可以只使用CSS来隐藏这样的元素：网站上的秘密按钮

HTML

<div class="secretButton" onclick="secretFunction()"></div>

CSS

.secretButton { 
    width: 100px; 
    height: 100px; 
    opacity: 0.5; 
}

function secretFunction() { 
    alert("Secret Alert"); 
}

JSFIDDLE

但是，这可能很容易在网络检查员看到。 在安全性无关紧要的情况下，创建这种“秘密”元素的最佳方式是什么？

也许加载包含'秘密'功能的加密脚本onclick()？

注1：可以使用jQuery。

来源

2014-04-07 Laurent

+10

你想达到什么目的？谁应该点击这个按钮？无论您如何做到这一点，Web Inspectos都将始终能够看到它。 –

你可以把它看成某种“复活节彩蛋”。任何人都可以点击按钮，但不应该隐藏在明显的位置。 – Laurent

你不能在客户端上使用某些东西，也不能同时存在。它存在并且您将其从UI中隐藏起来或者它不存在（完全停止） – Liam

尽管这是有点意见的基础，但我喜欢关于如何将复活节彩蛋放入网站的问题。不要太认真的:-)

生成按钮完全像JS：

document.easterEggBtn = function() { 
    button = $('<div/>'); 
    button.addClass('secretButton'); 
    button.on('click', 'easterEggFunction'); 
    // Add more attributes 
    $('#buttonOuter').append(button); 
}

然后使用online javascript obfuscator，并把该混淆代码到你的网站。

当然不会隐瞒任何DOM检查员，但如果有人只看着这个sourecode，他不会马上发现它。

另一种方式是假的“秘密按钮”：把很多隐藏的按钮进入代码，因此访问者会很困惑，不知道该50个按钮的才是真正的复活节彩蛋。

来源

2014-04-07 10:47:41 DanFromGermany

网站上的秘密按钮

回答

相关问题