Question

使用@import时包含子资源完整性的语法是什么？

@import url(//use.fontawesome.com/releases/v5.3.1/css/all.css);

基本上，当像上述一样使用@import时，如何包括子资源完整性和跨域参数？

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

Answer 1

TL; DR ：SRI是一种浏览器，CSS规则（例如@import）是一种CSS。

使用@import时包含子资源完整性的语法是什么？

据我所知，当前的CSS规范（撰写本文时起草了CSS3）没有任何内容-定义了@import的用法-详细说明了CSS的SRI用法。

基本上，当使用上述@import时，如何包含子资源完整性和跨域参数？

这些参数定义浏览器如何获取资源并解释其合法性。这是在实现资源（js，css等）之前发生的。

外部资源：

CSS3规范草案（特定于常规用法）：https://drafts.csswg.org/css-cascade-3/#at-ruledef-import
有关@import用法的MDN页面：https://developer.mozilla.org/en-US/docs/Web/CSS/@import
详细说明SRI的MDN页面：https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity

使用@import时的子资源完整性

1 个答案: