使用 JavaScript 隐藏网页的源代码

开发
这将是一个短的文章,如果你想限制访问者在检查元素中查看或删除网站代码,本文将向你介绍两种方法。
欢迎来到如何使用 JavaScript 隐藏网站源代码的教程。

这将是一个短的文章,如果你想限制访问者在检查元素中查看或删除网站代码,本文将向你介绍两种方法。

禁用右键单击

一种防止用户访问代码的方法是禁用右键,这包括查看源代码、检查元素和保存图像等选项。

所以如果我在网页上使用右键,它会给我一个选项来查看和检查页面的源代码。

要禁用右键,请在网页的标题部分添加以下代码。

有了这段代码,如果我在网页上右键点击,什么也不会发生。然而,这种方法在隐藏代码方面并不是完全有效的,因为用户仍然可以使用快捷键如 Ctrl-U 或 F12 访问源代码。

禁用快捷键

再次进入网页的标题部分,在脚本标签中添加以下代码。

document.addEventListener("keydown", e => {
    // DISABLE CONTROL AND ALL FUNCTION KEYS
    // if (e.ctrlKey || (e.keyCode>=112 && e.keyCode<=123)) {
    // DISABLE CONTROL AND F12
    if (e.ctrlKey || e.keyCode==123) {
        e.stopPropagation();
        e.preventDefault();
    }
});

这段代码禁用了 Ctrl 键和 F12 键的功能,确保与这些键相关的任何操作(如打开浏览器开发工具 (F12))都无法运行。

此时,如果我打开页面并尝试使用右键单击或 Ctrl-U 和 F12,则不会发生任何情况。

结束

完全隐藏代码是不可能的,因为它是以明文形式下载到客户端计算机的。但是,我向你展示的这些方法可用于使想要查看你的源代码或从你的网站窃取内容(图像、文本)的用户变得更加困难。

责任编辑:华轩 来源: 独立开发者张张
相关推荐

2014-06-19 13:47:55

PongoJavaScript

2014-06-25 09:15:33

JavaScript 编辑器

2010-07-29 11:20:49

Flex源代码

2011-04-22 10:43:37

JavaScript

2014-04-21 10:14:52

PromisesJavaScript

2019-07-17 14:06:45

JavaScript数组转换

2009-04-03 08:28:39

2010-08-03 10:09:09

Flex源代码

2020-07-29 15:06:39

数据泄露源代码泄露信息安全

2020-06-21 13:57:21

JavaScript开发代码

2019-07-01 06:30:07

微软开发Linux

2010-06-10 10:20:29

openSUSE使用教

2021-04-26 09:00:00

JavaScript开发代码

2010-06-10 10:32:35

openSUSE使用教

2010-04-29 12:57:33

Unix源代码

2010-08-03 10:16:52

Flex源代码

2009-06-12 19:03:41

Hadoop源代码Yahoo

2016-10-11 16:28:11

源代码

2023-12-25 08:55:35

.NET日志框架Serilog

2020-11-13 13:05:27

Java开发代码
点赞
收藏

51CTO技术栈公众号