手把手教你CSP系列之style-src

HTTP Content-Security-Policy（CSP）style-src指令为样式表的源指定有效来源。

句法

style-src政策可以允许一个或多个来源：

Content-Security-Policy: style-src ;
Content-Security-Policy: style-src  ;
1
2

来源

可以是以下之一：

通过名称或IP地址的 Internet主机，以及可选的 URL方案 and/or 端口号。该站点的地址可能包含一个可选的前导通配符（星号字符’‘），并且可以使用通配符（再次’'）作为端口号，表示所有合法端口对于源都有效。

例子：

• http://*.example.com：匹配使用http:URL方案从 example.com 的任何子域加载的所有尝试。

• mail.example.com:443：匹配所有尝试访问 mail.example.com 上的端口443的尝试。

• https://store.example.com：匹配所有尝试访问 store.example.com 使用https:。
  一种模式，如’http:’ 或 ‘https:’。冒号是必需的，不应使用单引号。您也可以指定数据模式（不推荐）。

• data:允许将data:URI 用作内容源。这是不安全的; 攻击者也可以注入任意数据：URI。谨慎使用这一点，绝对不适用于脚本。

• mediastream:允许将mediastream:URI 用作内容源。

• blob:允许将blob:URI 用作内容源。

• filesystem:允许将filesystem:URI 用作内容源。
  'self’指受保护文档的来源，包括相同的URL方案和端口号。你必须包括单引号。一些浏览器特别排除blob和filesystem从源指令。需要允许这些内容类型的网站可以使用Data属性来指定它们。

'unsafe-inline’允许使用内联资源，如内联

'unsafe-eval’允许使用eval()和类似的方法从字符串创建代码。你必须包括单引号。

'none’指空集；也就是说，没有URL匹配。单引号是必需的。

'nonce- '使用加密随机数（使用一次的数字）的特定内联脚本的白名单。每次发送策略时，服务器都必须生成唯一的随机数值。提供一个无法猜测的随机数是非常重要的，因为绕过资源的策略是微不足道的。例如，查看不安全的内联脚本。

脚本或样式的sha256，sha384或sha512散列。此源的使用由两部分组成：用短划线分隔的部分：用于创建散列的加密算法以及脚本或样式的base64编码散列。生成散列时，不要包含

‘strict-dynamic’ strict-dynamic源表达式指定显式给予标记中存在的脚本的信任，通过附加一个随机数或散列，应该传播给由该脚本加载的所有脚本。与此同时，任何白名单或源表达式（例如’self’或’unsafe-inline’将被忽略）。有关示例，请参阅script-src。

示例

违规示例

鉴于此CSP标题：

Content-Security-Policy: style-src https://example.com/
1

以下样式表被阻止并且不会加载：

"https://not-example.com/styles/main.css" rel="stylesheet" type="text/css" />


1

不安全的样式表达式
'unsafe-eval’源表达控制了创建字符串的样式声明几个样式的方法。如果’unsafe-eval’未用style-src指令指定，则以下方法被阻止并不会产生任何影响：

CSSStyleSheet.insertRule()
CSSGroupingRule.insertRule()
CSSStyleDeclaration.cssText
1
2
3