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

前端之家收集整理的这篇文章主要介绍了为什么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,如果没有看到是否有帮助。

原文链接:https://www.f2er.com/jquery/182396.html

猜你在找的jQuery相关文章