当有人查看源代码时如何隐藏我的 HTML CSS JS 代码并显示一些随机字符[重复]答案

【问题标题】：How to hide my HTML CSS JS code and show some random characters when someone view the source [duplicate]当有人查看源代码时如何隐藏我的 HTML CSS JS 代码并显示一些随机字符[重复]
【发布时间】：2017-03-02 22:55:10
【问题描述】：

当有人通过单击鼠标右键查看源代码时，如何隐藏我的 HTML CSS JS 源代码并显示一些随机字符。我提供了一个链接，其中隐藏了代码并显示了一些字符。我还附上了一张图片以便更好地理解。

查看源代码：https://devitems.com/html/reflex-preview/reflex/index-3.html

【问题讨论】：

没有办法隐藏html代码。您可以解码上面发布的图像。也不需要隐藏 html、js、css 或其他任何东西。
长话短说，只要你想让用户能够运行代码，用户就能阅读代码。也许考虑一下为什么要隐藏源代码
imgur.com/a/AxqpM — 没有任何东西受到保护，渲染页面花费了大量的时间和 CPU。不要用这种愚蠢的把戏浪费大家的时间。
当人们试图隐藏东西时总是很有趣，记住人们什么时候会禁用右键单击，尤其是照片。

标签： javascript html css obfuscation

【解决方案1】：

您可以先使用encodeURI 原生浏览器功能对所有脚本内容进行编码。
以纯文本或局部变量值注入页面
然后使用decodeURI函数解码
使用document.write(decodedContent)将结果注入页面

【讨论】：

【解决方案2】：

正如我在评论中提到的，根本没有办法隐藏 html、css 或 javascript。您在上面显示的示例没有隐藏或加密任何内容。要获得“真正的”html 标记，您所要做的就是使用例如 PHP 的 urldecode 函数。此外，没有理由这样做。如果你有一些不应该被人看到的东西，不要放在客户端。

你可以在这里看到它的结果：http://pastebin.com/eZZTUNYA

格式化版本：http://pastebin.com/Gzg7jxT6

简短的说：甚至不要试图隐藏内容。你不能。

如果你仍然想做，你的例子做了什么，你可以像我说的那样用 PHP 或直接用 JavaScript 来做。 PHP 版本是：

$html = 'YOUR HTML CODE';
print urlencode($html);

请记住，由于 JavaScript 每次都必须对其进行解码，因此可能会导致加载时间更长。

【讨论】：