在查看源代码中隐藏 JavaScript 代码

最新推荐文章于 2024-05-02 17:59:36 发布

小柴没吃饱

最新推荐文章于 2024-05-02 17:59:36 发布

阅读量511

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_50251467/article/details/131776047

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

[在查看源代码中隐藏 JavaScript 代码]

编写 JavaScript 测试代码

编写一个新的 JavaScript 代码并使用 .js 扩展名保存它。这个 JavaScript 文件将是我们将在 查看源代码 中隐藏的文件。

接下来，你可以将以下 JavaScript 代码保存为 test-viewsource.js。
```
alert("My code is not visible in View Source");
```
准备一个 HTML 文件

此 HTML 应包含你希望在网页上显示的内容。同时，它还将包含一个 <script> 标签。

在这个 <script> 标记中编写一些 JavaScript 代码。将有几行代码将 test-viewsource.js 动态包含到 HTML 文件中。

因此，你不会在 Web 浏览器的 View Source 中看到 test-viewsource.js。

你可以使用下一个 HTML 来跟进。将文件另存为 no-viewsource.html。
```
<body>
	<main>
		<p>The included JavaScript code is not visible in View Source</p>
	</main>

	<script type="text/javascript">
		/`
		 * Code to hide from view source will go here.
		 * Check the next code block.
		 */
	</script>
</body>
```
在 <Script> 标签之间写一些 JavaScript 代码

在 no-viewsource.html 文件的 <script> 标记内，我们将编写动态加载 test-viewsource.js 的代码。代码将遵循下面概述的步骤。
1. 使用 document.createElement 方法创建一个新的 script 元素。
2. 将脚本 type 属性设置为 text/javascript。
3. 将 src 属性设置为 test-viewsource.js。
4. 将这个新的 script 元素附加到 HTML body 元素。
下面的代码是这些步骤的实现。
```
<script type="text/javascript">
		let scriptElement = document.createElement("script");
		scriptElement.type = "text/javascript";
		scriptElement.src = "test-viewsource.js";

		document.body.appendChild(scriptElement);
</script>
```
测试代码

在你的网络浏览器中加载 no-viewsource.html 并在其上使用查看源代码。如果你做的一切都正确，你将看不到 test-viewsource.js 的代码。

相反，你会看到将其动态包含到 no-viewsource.html 中的代码。下图是你应该在 Web 浏览器的查看源代码中看到的示例输出示例。

[结论]

在这个阶段，test-viewsource.js 中的 JavaScript 代码不会出现在 Web 浏览器的 View Source 中。同时，任何人都可以在浏览器中写入你网站的 URL 以查看代码。

作为建议，不要在 test-viewsource.js 中放置任何敏感信息。

小柴没吃饱

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
在查看源代码中隐藏 JavaScript 代码

下图是你应该在 Web 浏览器的查看源代码中看到的示例输出示例。此 HTML 应包含你希望在网页上显示的内容。同时，任何人都可以在浏览器中写入你网站的 URL 以查看代码。中的 JavaScript 代码不会出现在 Web 浏览器的。这个 JavaScript 文件将是我们将在。标记中编写一些 JavaScript 代码。接下来，你可以将以下 JavaScript 代码保存为。代码将遵循下面概述的步骤。如果你做的一切都正确，你将看不到。动态包含到 HTML 文件中。下面的代码是这些步骤的实现。
复制链接

扫一扫