Chrome开发工具会根据样式标记替换链接标记

Question

我遇到Chrome开发者工具的问题：

• 在我正在开发的网络应用程序中，HTML标题中的CSS 链接标记在元素选项卡中显示时会以样式进行转换< / strong> CDT
• 在其他网站上，链接标记在CTD中正确显示。

示例：

• 在HTML中（ctrl+u）我明白了：

<link href="./style/css/lib/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css"> <link href="./style/css/lib/bootstrap.css" rel="stylesheet" type="text/css">

• 在CDT的元素标签中，我得到了：

这对我来说是个大问题，因为如果链接标记中没有包含样式，我就无法将样式链接到本地​​文件。

所以问题是：为什么会这样？如何通过原始链接标签强制CDT解释样式？

Answer 1

经过几个小时的研究，我发现图书馆前缀（http://leaverou.github.io/prefixfree/）对此负有责任。

它从链接文件中获取CSS，修改它并最终将其放回脚本标记中。