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

最新推荐文章于 2024-04-10 09:45:53 发布
最新推荐文章于 2024-04-10 09:45:53 发布
阅读量567 收藏 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 2594
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基本认证信
【HTML】加载 CDN 资源时遇到 Failed to find a valid digest in the ‘integrity‘ attribute for resource 报错问题
最新发布
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
04-10 447
integrity 属性integrity属性用于校验脚本文件的完整性，防止脚本被篡改。它包含一个哈希值，用于验证脚本文件的真实性。浏览器会在下载脚本文件后，计算其哈希值并与integrity属性中的值进行比较。如果两者不一致，则浏览器会阻止脚本执行，并显示警告信息。crossorigin 属性属性用于控制跨域脚本的加载行为。anonymous：表示脚本文件不会携带任何凭据，例如 cookie 或 HTTP 认证信息。：表示脚本文件可以携带凭据。两者关系integrity属性和。
sri-hash-generator:子资源完整性（SRI）哈希生成器（PWA）
03-25
子资源完整性（SRI）发电机 渐进式Web应用程序（PWA），将产生integrity基于给定的资源。 无论是输入资源的链接或删除本地文件来计算，可以使用，因为它的哈希值integrity属性。 脱机工作。 注意：如果提供网上链接，抓取资源不应被阻止由于跨域，否则integrity无法正确生成散列。 链接 以下链接可能会有所帮助理解SRI ：
srihash.org:SRI哈希生成器
04-27
SRI哈希生成器 这是网站背后的代码。 它生成哈希。 安装 您需要使用Node.js 10.x和npm进行lint，并需要使用本地服务器进行测试 克隆git仓库并安装依赖项： git clone git://github.com/mozilla/srihash.org.git cd srihash.org npm install 短绒棉 使用以下命令运行测试： npm run lint 行为守则 该存储库受Mozilla行为准则和礼节准则的约束。 有关更多详细信息，请阅读或[CODE_OF_CONDUCT.md]。
sri_hash.cr：为资源生成SRI哈希或完整脚本标记
02-04
sri_hash.cr-为资源生成SRI哈希或完整脚本标记 Crystal的子资源完整性助手。 有关SRI的更多信息： : 安装 将依赖项添加到您的shard.yml ： dependencies : sri_hash : github : anamba/sri_hash.cr 运行分shards install 用法 require " sri_hash " SRIHash .from_string( " Example text " ) # -> "sha256-ljgfRyA+rQLdERYr90sJ9dRLkTYUnUIAHmR1dX6cvmQ=" # down
SRI使用攻略
蒙蒙细雨的博客
06-29 522
SRI使用注意项
hashgenerator:哈希生成
06-01
哈希生成器基于浏览器的哈希生成，利用 CryptoJS 允许您自托管一个快速简便的哈希生成器。 您现在还可以使用 hashgenerator 来尝试识别输入可能是哪种类型的哈希并生成伪随机数。 这些都在我的 github 配置文件中...
gulp-srizer:将SRI哈希添加到您的资产
05-05
gulpSrizer ... 安装 通过安装此库： npm install gulp-srizer --save 用法 var srizer = require ( 'gulp-srizer' ) ;... fileExt：我们要为其添加SRI的资源扩展名（默认值：css，js） 例子： srizer ( { fileExt : 'c
windows 平台下生成 hash 值的几款软件，支持的算法有 md5 、sha1 等，可以校验下载文件的完整性
12-09 3438
windows 平台下生成 hash 值的几款软件，支持的算法有 md5 、sha1 等，可以校验下载文件的完整性。 IgorWare Hasher 64 位下载地址：http://download.igorware.com/igorware-hasher-x64.rar IgorWare Hasher 32 位下载地址：http://download.igorware.com/igorwar
Hash Generator
07-24
Hash Generator – Checksum Checker – MultiHasher
Go-sri-gen一种多线程GolangSRIHash生成器
08-14
sri-gen 一种多线程Golang SRI Hash生成器
Failed to find a valid digest in the ‘integrity‘ attribute for resource解决办法
ohdajing的博客
04-17 1万+
被这个错误坑了好多天 前提：框架Blazor 项目在本地运行没问题，发布到服务器后，报错在资源的“完整性”属性中找不到有效摘要 找解决办法的过程中开始以为是跨域资源共享和子资源完整性问题，详见：https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity#cross-origin_resource_sharing_and_subresource_integrity 使用以下<script>元素..
引入bootstrap报错Failed to find a valid digest in the ‘integrity‘ attribute for resource
我心坚持
04-13 2118
原本文件： <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-p1KAotb3W9ndluCsqePPYnjRm3c6abdnIjo0tQwYUv83VsbsYd43RuofnFAaDo0E" crossorigin="anonymous"> 修改后文件：即去掉最后两个参数 <link rel=".
漏洞修复之 SRI
波子汽水
11-02 5198
这几天，GitHub 宣布 启用 SRI 策略 ，用来减少由「托管在 CDN 的资源被篡改」而引入的 XSS 等风险。很多小伙伴对此表示关注。那么 SRI 究竟是什么，如何使用 SRI，它的适用场景和局限性是什么？本文逐一解答。SRI 是什么？ SRI 是 Subresource Integrity 的缩写，一般按照字面意义翻译为：子资源完整性（草案），它也是由 Web 应用安全工作组（ Web
算法中，什么是哈希值，哈希值怎么生成的，有什么用？
热门推荐
u012138032的博客
10-25 4万+
1、你可以把哈希值简单地理解成是一段数据（某个文件，或者是字符串）的DNA，或者身份证； 2、通过一定的哈希算法（典型的有MD5，SHA-1等），将一段较长的数据映射为较短小的数据，这段小数据就是大数据的哈希值。他有这样一个特点，他是唯一的，一旦大数据发生了变化，哪怕是一个微小的变化，他的哈希值也会发生变化。另外一方面，既然是DNA，那就保证了没有两个数据的哈希值是完全相同的。 3、正是因为这
常见的hash加密
平凡
06-01 2906
常见的hash加密（来自国外某论坛） ---------------*nix系------------------------ 系统：ES(Unix) 例子: IvS7aeT4NzQPM 说明：Linux或者其他linux内核系统中 长度: 13 个字符 描述：第1、2位为salt，例子中的'Iv'位salt，后面的为hash值 系统：MD5(Unix) 例子：$1$123
matlab 干旱指标sri
12-28
MATLAB中的干旱指标SRI（Standardized Precipitation Index）是一种用于评估干旱程度的指标。SRI可以用来分析降水量与长期平均降水量之间的差异，从而识别干旱的发生和发展情况。通过MATLAB中的数据处理和分析工具，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

少陽君

谢谢老板的拿铁

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

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

打赏作者

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

抵扣说明：

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

余额充值