XSS防御 内容安全策略 CSP工作原理、配置技巧与最佳实践_安全策略 img-src(2)

写在最后

在结束之际，我想重申的是，学习并非如攀登险峻高峰，而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后，持之以恒的学习变得愈发不易，如同在茫茫大海中独自划舟，稍有松懈便可能被巨浪吞噬。然而，对于我们程序员而言，学习是生存之本，是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习，我们便如同逆水行舟，不进则退，终将被时代的洪流所淘汰。因此，不断汲取新知识，不仅是对自己的提升，更是对自己的一份珍贵投资。让我们不断磨砺自己，与时代共同进步，书写属于我们的辉煌篇章。

需要完整版PDF学习资源私我

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

1. 限制了那些域的资源可以加载并且执行；
2. 阻止内联脚本和页面上的事件处理；
3. 控制静态资源的加载；
4. 记录策略违规报告

启用CSP机制

一、创建 CSP 策略

CSP策略是设置了许多内容源的字符串，内容源可以对协议、主机host、关键词等等。比如

Content-Security-Policy: default-src 'self'; img-src https://\*; child-src 'none';

测试CSP策略的在线工具

• Google CSP Evaluator
• Mozilla Observatory

二、添加 CSP 策略

开发者可以通过下面的手段通知浏览器那些资源是安全的，可加载执行的；哪些请求应该拒绝；

• 服务器端通过设置HTTP header Content-Security-Policy
• 网页HTML文件中添加meta标签**<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src https://*; child-src 'none';">**

CSP 指令列表

💡 CSP 定义了一系列的指令，每个指令控制一个特定的策略。

1. default-src：这是CSP的默认指令，如果没有设置其他CSP指令，那么默认指令将会用于所有的内容类型。例如，对于以下HTML代码：

Content-Security-Policy: default-src 'self'

这告诉浏览器只能从当前域名加载所有类型的内容（脚本、图片、样式等等）。
2. script-src： 定义了哪些源的脚本可以被安全地执行。例如：

Content-Security-Policy: script-src 'self' https://cdnjs.cloudflare.com

这表示只能从当前源，以及 https://cdnjs.cloudflare.com ，加载和运行脚本。
3. style-src：定义哪些源的样式可以被安全地加载和应用。例如：

Content-Security-Policy: style-src 'self' https://fonts.googleapis.com

这表示只能从当前源和https://fonts.googleapis.com，加载和应用样式。
4. img-src：定义哪些源的图像可以安全地加载。例如：

Content-Security-Policy: img-src 'self' data: https://cdn.example.net

这表示浏览器只允许加载来自当前源，data: URLs，以及 https://cdn.example.net 的图像。
5. connect-src：定义了通过脚本 (例如 Fetch API, XMLHttpRequest 或 WebSockets) 连接的源。例如:

Content-Security-Policy: connect-src 'self' https://api.example.com
6. font-src：指定了哪些源的字体可以被安全地加载。例如：

Content-Security-Policy: font-src 'self' https://fonts.gstatic.com
7. object-src：指定了，，和元素能够加载资源的源。例如：

Content-Security-Policy: object-src 'none'

这告诉浏览器不要从任何源加载插件类型的内容。
8. frame-src：指定了可以在<\frame>或<\iframe>元素中嵌入的源。例如：

Content-Security-Policy: frame-src 'self' https://example.com

还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！

王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。

对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！

【完整版领取方式在文末！！】

93道网络安全面试题

内容实在太多，不一一截图了

黑客学习资源推荐

最后给大家分享一份全套的网络安全学习资料，给那些想学习 网络安全的小伙伴们一点帮助！

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

1️⃣零基础入门

① 学习路线

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

② 路线对应学习视频

同时每个成长路线对应的板块都有配套的视频提供：

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！