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以及它们是正常加载的。
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,如果没有看到是否有帮助。