缩头之龟
擅长拍马屁
获得徽章 7
赞了这篇沸点
![[无辜呆]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_96.4fb9d71.png)
![[微笑]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
![[大哭]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_60.9016267.png)
juejin.cn![[再见]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_37.2f6e44f.png)
![[流泪]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
赞了这篇沸点
在v2ex上学到了一个新东西，叫做integrity，是一个script标签的一个属性，之前没注意过这个东西有什么用，给大家分享一下。
首先，任何引用外部js文件都有注入的风险，那么为什么cdn引入可以做到很安全呢？就是这个integrity属性了，因为cdn上的js区分了版本，所以js内容不会改变，这时候就可以把js内容hash化，这样浏览器去执行这个js的时候就会hash js内容并且根integrity属性内容做对比，发现不对就直接不执行了，所以当你js内容发生变化后就不会执行了，就不会出现被脚本注入的风险啦
首先，任何引用外部js文件都有注入的风险，那么为什么cdn引入可以做到很安全呢？就是这个integrity属性了，因为cdn上的js区分了版本，所以js内容不会改变，这时候就可以把js内容hash化，这样浏览器去执行这个js的时候就会hash js内容并且根integrity属性内容做对比，发现不对就直接不执行了，所以当你js内容发生变化后就不会执行了，就不会出现被脚本注入的风险啦
展开
1
13
![[捂脸]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_28.8981538.png)
赞了这篇沸点
![[发怒]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_12.0f24f23.png)
![[炸弹]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_132.fe320d4.png)