SRI 哈希生成器（ SRI 作为最佳实践）

于 2023-12-20 11:24:18 发布
阅读量562 收藏 8
点赞数 7
分类专栏： 前端 文章标签： 哈希算法 redis 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010674101/article/details/135103460
版权

起因

引入bootstrap报错Failed to find a valid digest in the ‘integrity‘ attribute for resource xx报错。SRI 哈希生成器

解决

首选，了解SRI 哈希生成器 全程叫子资源完整性（Subresource Integrity）。SRI 是一项新的 W3C 规范，允许 Web 开发人员确保第三方服务器上托管的资源不被篡改。每当从第三方源加载库时，建议使用 SRI 作为最佳实践。

直接使用参考SRI 哈希生成器 输入资源地址就可以生成sri 哈希代码段了。

原理-如何生成完整性哈希值

openssl dgst -sha384 -binary FILENAME.js | openssl base64 -A

假设得出 w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN这段哈希。

然后拼接起来得出

integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>

参考：
引入bootstrap报错Failed to find a valid digest in the ‘integrity‘ attribute for resource
SRI 哈希生成器

少陽君
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
SRI 介绍
yinshu87的博客
12-18 2593
Subresource Integrity (SRI) is a security feature that enables browsers to verify that files they fetch (for example, from a CDN) are delivered without unexpected manipulation.
推荐一款在线生成Integrity验证信息工具（SRI Hash 生成器）
tonydc2000的博客
08-20 1388
1、什么是资源完整性(integrity)？ 子资源完整性 (SRI) 是一项安全功能，可让浏览器验证其抓取的文件 (例如，从一个 CDN) 是在没有意外操作的情况下传递的。它的工作原理是允许您提供一个获取的文件必须匹配的加密散列/哈希。 2、crossorigin 该枚举属性指定在加载相关图片时是否必须使用CORS。可取的值包括以下两个： - anonymous：会发起一个跨域请求（即包含Origin: HTTP头）。但不会发送任何认证信息（即不发送cookie, X.509证书和HTTP基本认证信
使用操作系统自带hash工具生成文件hash值
wsuyixing的博客
10-14 3076
使用windows、linux自带hash工具为文件生产hash值（本处仅介绍生产md5、sha1值方式）
SRI使用攻略
蒙蒙细雨的博客
06-29 522
SRI使用注意项
hashgenerator:哈希生成
06-01
哈希生成器 基于浏览器的哈希生成，利用 CryptoJS 允许您自托管一个快速简便的哈希生成器。 您现在还可以使用 hashgenerator 来尝试识别输入可能是哪种类型的哈希并生成伪随机数。 这些都在我的 github 配置文件中使用了 hashIdentity 和 uheprng 插件。 这个项目最初是为 hashfor.me 构建的，它是一个快速的资源组合，可以让您轻松生成哈希。 您可以生成： SHA3 宝马 半绞 MD4 MD5 MD6 加通电台 沙巴 立方体哈希 AES SHA1 SHA256 SHA512 布莱克 兔子 RIPEMD-160 在查看实时版本 在 BSD-3 许可下享受！
windows 平台下生成 hash 值的几款软件，支持的算法有 md5 、sha1 等，可以校验下载文件的完整性
12-09 3436
windows 平台下生成 hash 值的几款软件，支持的算法有 md5 、sha1 等，可以校验下载文件的完整性。 IgorWare Hasher 64 位下载地址：http://download.igorware.com/igorware-hasher-x64.rar IgorWare Hasher 32 位下载地址：http://download.igorware.com/igorwar
srihash.org:SRI哈希生成器
04-27
SRI哈希生成器 这是网站背后的代码。 它生成哈希。 安装 您需要使用Node.js 10.x和npm进行lint，并需要使用本地服务器进行测试 克隆git仓库并安装依赖项： git clone git://github.com/mozilla/srihash.org.git cd ...
sri_hash.cr：为资源生成SRI哈希或完整脚本标记
02-04
sri_hash.cr-为资源生成SRI哈希或完整脚本标记 Crystal的子资源完整性助手。 有关SRI的更多信息： : 安装 将依赖项添加到您的shard.yml ： dependencies : sri_hash : github : anamba/sri_hash.cr 运行分...
sri-hash-generator:子资源完整性（SRI）哈希生成器（PWA）
03-25
无论是输入资源的链接或删除本地文件来计算，可以使用，因为它的哈希值integrity属性。 脱机工作。 注意：如果提供网上链接，抓取资源不应被阻止由于跨域，否则integrity无法正确生成散列。链接以下链接可能会有所...
gulp-srizer:将SRI哈希添加到您的资产
05-05
gulpSrizer ... 安装 通过安装此库： npm install gulp-srizer --save 用法 var srizer = require ( 'gulp-srizer' ) ;... fileExt：我们要为其添加SRI的资源扩展名（默认值：css，js） 例子： srizer ( { fileExt : 'c
Hash Generator
07-24
Hash Generator – Checksum Checker – MultiHasher
Go-sri-gen一种多线程GolangSRIHash生成器
08-14
sri-gen 一种多线程Golang SRI Hash生成器
哈希生成器，多种加密
03-27
哈希表的生成器，可以进行各种运算，md5、sha-1等常见算法一应俱全。
SHA256Hash值生成工具
11-15
SHA256Hash值生成工具
算法中，什么是哈希值，哈希值怎么生成的，有什么用？
u012138032的博客
10-25 4万+
1、你可以把哈希值简单地理解成是一段数据（某个文件，或者是字符串）的DNA，或者身份证； 2、通过一定的哈希算法（典型的有MD5，SHA-1等），将一段较长的数据映射为较短小的数据，这段小数据就是大数据的哈希值。他有这样一个特点，他是唯一的，一旦大数据发生了变化，哪怕是一个微小的变化，他的哈希值也会发生变化。另外一方面，既然是DNA，那就保证了没有两个数据的哈希值是完全相同的。 3、正是因为这
常见的hash加密
平凡
06-01 2899
常见的hash加密（来自国外某论坛） ---------------*nix系------------------------ 系统：ES(Unix) 例子: IvS7aeT4NzQPM 说明：Linux或者其他linux内核系统中 长度: 13 个字符 描述：第1、2位为salt，例子中的'Iv'位salt，后面的为hash值 系统：MD5(Unix) 例子：$1$123
Java计算文件的hash值
热门推荐
懵懂无知的蜗牛的博客
12-21 5万+
如何知道一个文件是否改变了呢？当然是用比较文件hash值的方法，文件hash又叫文件签名，文件中哪怕一个bit位被改变了，文件hash就会不同。 比较常用的文件hash算法有MD5和SHA-1。 我用的是MD5算法，java中，计算MD5可以用MessageDigest这个类。 下面提供两个工具类（任选其一即可） 第一个工具类： 代码如下： package com.te
哈希头像生成器Identicon
haoziiy的博客
04-06 8556
avatar_generator哈希头像图片生成器 Python代码Identicon 在很多大型IT网站上可以见到,比如 Github, Sourceforge, Stackoveflow 等等, 刚刚注册的账号的个人信息的默认图标​都​是​一​些​看​上​去​像​七​巧​板​拼​凑​的​图​案​,​对​称​又​变​化​多​端​。 以 Github 为例， Github 给无头像用户生成 5
说一下你知道的随机数生成算法
最新发布
07-11
我了解的一些常见的随机数生成算法包括： 1. 线性同余法（Linear Congruential Generator，LCG）：使用线性同余方程生成随机数，通过不断迭代计算下一个随机数。LCG算法的随机性质和周期长度取决于选择的参数和种子值。 2. 梅森旋转算法（Mersenne Twister）：一种经典的伪随机数生成器，采用递归式的结构和大周期长度。梅森旋转算法在统计特性、随机性和速度方面表现良好，被广泛应用于科学计算和模拟等领域。 3. XORshift算法：一种基于异或和位移操作的快速随机数生成算法。XORshift算法的特点是简单、高效，并且具有良好的随机性质。 4. 随机数表：生成一个预先计算好的随机数表，然后按需从中取出随机数。这种方法可以提供高质量的随机数序列，但需要占用较大的内存空间。 5. 加密哈希算法：使用加密哈希函数（如SHA-256）将输入数据（如时间戳或其他随机源）转换为随机数。由于加密哈希算法的性质，输出结果具有高度的随机性和不可预测性。 这些是一些常见的随机数生成算法，每种算法都有其特点和适用范围。在选择随机数生成算法时，需要综合考虑随机性质、周期长度、速度、资源开销等因素，以满足具体应用的需求。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

少陽君

谢谢老板的拿铁

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值