为什么jQuery用来获取CSS资源？

Chrome开发工具的屏幕快照：

我在想，问题是：为什么我的CSS资源被jQuery抓取？

CSS表格按照通常的方式包括在内; a< link rel =“stylesheet”>在< head>中标签。 jQuery和jQueryUI然后被包括在身体的最后一件事。

当我去同行(6128)，它显示了我的功能curCSS ..我找不到任何关于它，只是它被jQueryUI使用，并且它已被depricated。

jQuery         v1.11.1
Google Chrome  v39.0.2171.65 (64-bit)

EDIT1：

jQueryUI不使用这些资源。它们只是我的内容的一些背景图像和字体。

EDIT2：

我已经评论过jQueryUI，重新加载页面(Ctrl F5)，现在他们仍然加载，但现在有一些在3580上的东西。

**为简洁起见，jQuery.js代码段被删除**

当我注释掉jQuery以及它们是正常加载的。

EDIT3：

澄清为什么我只加载jQuery UI，没有其他脚本：
我已经在我的基本模板中添加了jQuery UI，而且我加载了另外一个没有使用jQuery的页面。我去调试该页面，注意到jQuery正在做奇怪的事情：P

这是可能的最小标记：

<!doctype html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Pagetitle</title>

    <Meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

    <link rel="stylesheet" href="css/jquery-ui.min.css"/>
    <link rel="stylesheet" href="css/fonts.css"/>
    <link rel="stylesheet" href="css/style.css"/>
</head>
<body>
    <div style="font-family: ArialNarrowBold">CONTENT</div>

    <script type="text/javascript" src="js/jquery/jquery.js"></script>
    <script type="text/javascript" src="js/jquery/jquery-ui.js"></script>
</body>
</html>

Chrome开发工具现在看起来像这样：

ArialNarrowBold字体在fonts.css中。正如你所看到的，除了jQuery和jQuery-UI之外，我还没有在页面上进一步编写脚本。即使我拿出了jquery-ui.min.css，这样也是一样的。

即使我在一个样式块中加载字体，jQuery仍然希望自己加载它。

<style type="text/css">
    @font-face {
        font-family: 'ArialNarrowBold';
        src: url('fonts/ArialNarrowBold.eot');
        src: url('fonts/ArialNarrowBold.eot?#iefix') format('embedded-opentype'),url('fonts/ArialNarrowBold.woff') format('woff'),url('fonts/ArialNarrowBold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
</style>

解决方法

这绝对是Chrome Devtools中的回归。我只是使用Chrome Canary和Chromium进行了两次检查，我无法在任何一个浏览器上复制这种情况。你肯定会报告这个问题： https://support.google.com/chrome/answer/95315?hl=en

在提交错误报告之前，请检查您是否使用最新版本的Chrome，如果没有看到是否有帮助。

为什么jQuery用来获取CSS资源？

解决方法

相关文章