浏览器使用 CryptoJS，从浏览器控制台加载外部脚本

创始人

2025-05-31 23:53:08

浏览器使用 CryptoJS，从浏览器控制台加载外部脚本

加载外部脚本 CryptoJS
- MD5
- AES
参考资料

有时临时在浏览器里跑点代码判断。
需要引用外部的工具包。
有的人说用 RequireJS ，但我只是想到控制台临时跑一下，谁来帮我导 RequireJS 进来先呢？

加载外部脚本 CryptoJS

原理就是动态创建 script 标签，并插入当前页的 head

function loadJs(jsUrl){let scriptTag = document.createElement('script');scriptTag.src = jsUrl;document.getElementsByTagName('head')[0].appendChild(scriptTag);
};// 加载 CryptoJS 的浏览器版本，得到全局对象 CryptoJS
loadJs('https://cdn.bootcdn.net/ajax/libs/crypto-js/4.1.1/crypto-js.min.js');

MD5

var str = CryptoJS.MD5("大家好，我是笨笨，笨笨的笨，笨笨的笨，谢谢！").toString();
console.log(str);

AES

key 是秘钥通常是双方事先商定的。（这里用于演示，我随机一个）
iv 是初始化向量，作为一个用于增强密码的安全性的随机值。每次加密都随机生成新的iv，并将其与密文一起发给对方。

// 随机生成密钥和 IV
const key = CryptoJS.lib.WordArray.random(128 / 8); // 128 位密钥
const iv =  CryptoJS.lib.WordArray.random(16); 		// 16 字节的随机 IV
console.log(key, iv);
function aes(plaintext, _key=key , _iv=iv) {const encrypted = CryptoJS.AES.encrypt(plaintext, CryptoJS.enc.Utf8.parse(_key), {iv: CryptoJS.enc.Utf8.parse(_iv),mode: CryptoJS.mode.CBC,padding: CryptoJS.pad.Pkcs7});return encrypted.toString();
}

var str = aes("大家好，我是笨笨，笨笨的笨，笨笨的笨，谢谢！");
// 将加密后的消息和 IV 发送给服务器
const param = {encrypted: str.toString(),iv: iv.toString(),
};
console.log(JSON.stringify(param,null,2));

密文与iv一起发给对方

{"encrypted": "ibpwj75Uu6IkBXlLEgSOTxmAFW44FxZVKlEhBUCJxCGI9Y2QRseZRCtZkr/XWDhG7oUInKQ8yy2gfOF0Ws8VUkIYUkb2D3WUQ8fH0gM1Fxk=","iv": "222971b5996937a0202190557a66ebc4"
}

参考资料

CryptoJS 文档

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：PMP考试答题8大技巧总结

下一篇：软考-信息系统项目管理师 - 第10章项目沟通管理和干系人管理

热门资讯

【实验报告】实验一图像的... 实验目的熟悉Matlab图像运算的基础——矩阵运算；熟悉图像矩阵的显示方法࿰...

MATLAB | 全网最详细网... 一篇超超超长，超超超全面网络图绘制教程，本篇基本能讲清楚所有绘制要点&#...

大模型落地比趋势更重要，NLP... 全球很多人都开始相信，以ChatGPT为代表的大模型，将带来一场NLP领...

Linux学习之端口、网络协议... 端口：设备与外界通讯交流的出口网络协议：　　网络协议是指计算机通信网...

kuernetes 资源对象分... 文章目录1. pod 状态1.1 容器启动错误类型1.2 ImagePullBackOff 错误1....

STM32实战项目-数码管程序实现功能： 1、上电后，数码管间隔50ms计数； 2、...

TM1638和TM1639差异... TM1638和TM1639差异说明 ✨本文不涉及具体的单片机代码驱动内容，值针对芯...

Qt+MySql开发笔记：Qt... 若该文为原创文章，转载请注明原文出处本文章博客地址：https://h...

Java内存模型中的happe... 第29讲 | Java内存模型中的happen-before是什么？ Java 语言...

《扬帆优配》算力概念股大爆发，... 3月22日，9股封单金额超亿元，工业富联、鸿博股份、鹏鼎控股分别为3.0...

CF1763D Valid B... CF1763D Valid Bitonic Permutations 题目大意拱形排列࿰...

SQL语法 DDL、DML、D... 文章目录1 SQL通用语法2 SQL分类3 DDL 数据定义语言3.1 数据库操作3.2 表操作3....

文心一言 VS ChatGPT... 3月16号，百度正式发布了『文心一言』，这是国内公司第一次发布类Chat...

CentOS8提高篇5：磁盘分... 首先需要在虚拟机中模拟添加一块新的硬盘设备，然后进行分区、格式化、挂载等...

Linux防火墙——SNAT、... 目录 NAT 一、SNAT策略及作用 1、概述 SNAT应用环境 SNAT原理 SNAT转换前提条...

部署+使用集群的算力跑CPU密... 我先在开头做一个总结，表达我最终要做的事情和最终环境是如何的，然后我会一...

Uploadifive 批量文... Uploadifive 批量文件上传_uploadifive 多个上传按钮_asing1elife的...

C++入门语法基础文章目录：1. 什么是C++2. 命名空间2.1 域的概念2.2 命名...

2023年全国DAMA-CDG... DAMA认证为数据管理专业人士提供职业目标晋升规划，彰显了职业发展里程碑及发展阶梯定义...

php实现助记词转TRX，ET... TRX助记词转地址网上都是Java，js或其他语言开发的示例，一个简单的...

【分割数据集操作集锦】毕设记录 1. 按要求将CSV文件转成json文件有时候一些网络模型的源码会有data.json这样的文件里...

Postman接口测试之断言如果你看文字部分还是不太理解的话，可以看看这个视频，详细介绍postma...

前端学习第三阶段-第4章 jQ... 4-1 jQuery介绍及常用API导读 01-jQuery入门导读 02-JavaScri...

4、linux初级——Linu... 目录一、用CRT连接开发板 1、安装CRT调试工具 2、连接开发板 3、开机后ctrl+c...

Urban Radiance ... Urban Radiance Fields:城市辐射场摘要：这项工作的目标是根据扫描...

天干地支（Java）题目描述古代中国使用天干地支来记录当前的年份。天干一共有十个，分别为：...

SpringBoot雪花ID长... Long类型精度丢失最近项目中使用雪花ID作为主键，雪花ID是19位Long类型数...

对JSP文件的理解 JSP是java程序。（JSP本质还是一个Servlet） JSP是&#...

【03173】2021年4月高... 一、单向填空题1、大量应用软件开发工具，开始于A、20世纪70年代B、20世纪 80年...

LeetCode5.最长回文子... 目录题目链接题目分析解题思路暴力中心向两边拓展搜索题目链接链接题目分析简单来说࿰...

浏览器使用 CryptoJS，从浏览器控制台加载外部脚本

浏览器使用 CryptoJS，从浏览器控制台加载外部脚本

加载外部脚本 CryptoJS

MD5

AES

参考资料

相关内容

热门资讯