造物 / 工具 · 配套说明
加密后的代码,怎么放进网页
这是「HTML 代码加密解密」的配套页。原来的这一页只有十几行、一个 document.write,现在把它写成正经的三步说明 —— 照着做,密文就会在你的页面里变回代码。
STEP 01
先把代码加密
打开 HTML 代码加密解密,把要保护的 HTML 粘进第一个框,点「加密」,再点「复制结果」。你会拿到一长串 %u4E2D 这样的东西,那不是乱码,是 escape() 编码。
STEP 02
把这段脚本贴进网页
复制下面整段,粘到你自己的网页里。一般放在 <body> 里、你希望代码出现的位置;原来的习惯是放在 <head>,也能跑,因为它写出来的是整页内容。
<script language="Javascript">
var Words ="//加密后的代码放置处"
function OutWord()
{
var NewWords;
NewWords = unescape(Words);
document.write(NewWords);
}
OutWord();
</script>
这段没有任何外部依赖,也不需要联网。它只做一件事:把 Words 里的密文 unescape 一遍,然后原样写进页面。
STEP 03
把密文填进 Words
把贴进去的 "//加密后的代码放置处" 整段(连引号里的内容)换成你第 1 步复制到的那串密文,存盘、刷新页面。
var Words ="%u3Cdiv%u3E%E4%BD%A0%E5%A5%BD%u3C/div%u3E"
页面加载到这一行时,OutWord() 会把它还原成
<div>你好</div>
然后写进页面。右键看源码,看到的是那串 %u,不是你的原始代码 —— 这就是全部意义。
三个坑 pitfalls
- 01密文里不能有换行、空格或「优化过的引号」。贴的时候整段原样复制,编辑器自动换行不算。copy whole
- 02它只是编码,不是加密。谁按 F12 在控制台敲一句 unescape(Words),照样一眼看穿。not secure
- 03如果页面开了严格的 CSP、禁用内联脚本,这段不会执行 —— 这属于浏览器安全策略,不是代码写错。CSP
建议只用来藏「不想被人随手看到」的排版/小工具代码,别用来藏密码、接口密钥、后台地址。真正要保密的东西,应该放在服务器上。
常见问题 faq
- Q解出来是乱码?
多半是加密时用了别的工具(比如 URL 编码),和这里的 escape() 不配套。整套流程只用本页这套工具,就能原样还原。garbled - Q能只加密一部分吗?
能。把要藏的那一段单独加密,放进 Words,其余代码正常写。partial - Q手机上能用吗?
能。这段脚本只用了浏览器自带的 unescape,Android / iOS 的浏览器都支持。mobile - Q想找作者聊?
CRClang_MC · QQ 2224699097 · 微信 CRClang_MC · 电话 18209716510contact