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

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上网络安全知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注网络安全）

正文

CSP的全称是 Content Security Policy，翻译成中文就是 内容安全策略。CSP是一个计算机安全标准，通过定义允许在置顶网络应用中加载的来源类型，以保护网页不受跨站站点脚本XSS和数据注入攻击等安全攻击。

它的基本工作原理其实就是白名单机制，CSP 通过告诉浏览器一系列规则，严格规定页面中哪些资源允许有哪些来源，不在指定范围内的通通拒绝。

CSP的作用

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：指定了哪些源的字体可以被安全地加载。例如：

本人从事网路安全工作12年，曾在2个大厂工作过，安全服务、售后服务、售前、攻防比赛、安全讲师、销售经理等职位都做过，对这个行业了解比较全面。

最近遍览了各种网络安全类的文章，内容参差不齐，其中不伐有大佬倾力教学，也有各种不良机构浑水摸鱼，在收到几条私信，发现大家对一套完整的系统的网络安全从学习路线到学习资料，甚至是工具有着不小的需求。

最后，我将这部分内容融会贯通成了一套282G的网络安全资料包，所有类目条理清晰，知识点层层递进，需要的小伙伴可以点击下方小卡片领取哦！下面就开始进入正题，如何从一个萌新一步一步进入网络安全行业。

学习路线图

其中最为瞩目也是最为基础的就是网络安全学习路线图，这里我给大家分享一份打磨了3个月，已经更新到4.0版本的网络安全学习路线图。

相比起繁琐的文字，还是生动的视频教程更加适合零基础的同学们学习，这里也是整理了一份与上述学习路线一一对应的网络安全视频教程。

网络安全工具箱

当然，当你入门之后，仅仅是视频教程已经不能满足你的需求了，你肯定需要学习各种工具的使用以及大量的实战项目，这里也分享一份我自己整理的网络安全入门工具以及使用教程和实战。

项目实战

最后就是项目实战，这里带来的是SRC资料&HW资料，毕竟实战是检验真理的唯一标准嘛~

面试题

归根结底，我们的最终目的都是为了就业，所以这份结合了多位朋友的亲身经验打磨的面试题合集你绝对不能错过！

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

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）

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

204888 （备注网络安全）**
[外链图片转存中…(img-62ouy9Dw-1713190455096)]

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