我正在构建一个HTML5页面。我在其中使用JQuery,并得到以下两个控制台错误。
Denying load of chrome-extension://kkelicaakdanhinjdeammmilcgefonfh/js/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. localhost/:1
GET chrome-extension://invalid/ chrome-extension://invalid/:1
据我所知,一切都是正常申报的。这是我的html页面的顶部
<!DOCTYPE HTML>
<html>
<head>
<title>Page Title</title>
<link href="css/main.css" type="text/css" rel="stylesheet" />
<link href="css/archivo-narrow.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="scripts/jquery-2.0.3.min.js"></script>
</head>
是什么触发了这个错误?
当您不从CDN使用jQuery时(您自己下载jQuery,然后将其包含在内),它将无法找到其源地图,为了修复此错误,请下载jQuery源地图
您可以在Developer Tool的Resource选项卡中找到源映射路径,然后打开jQuery文件,您会发现类似于以下的内容
/*! jQuery v2.0.3 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-2.0.3.min.map
*/
然后转到http://code.jquery.com/sourceMappingURL,在这种情况下=http://code.jquery.com/jquery-2.0.3.min.map,然后将其保存在与保存jQuery文件
如果您只是想暂时删除此消息,请关闭源映射。
对于Chrome用户:按Ctrl+Shift+I,单击右侧的齿轮图标打开设置,取消选中启用源地图。
对于其他用户,请阅读开发者工具-源地图
问题细节:这是因为该页面包含一个缩小的JS/CSS/资源,并且附加了原始文件的映射路径。很遗憾,映射路径中缺少该文件。
如果您使用的是Chrome扩展Windows Resizer,请参阅http://windowresizer.userecho.com/topic/185143-exception-in-development-tools-in-chrome-dev-m-29015302-66-and-29015353-611/我也犯了同样的错误。如果我禁用扩展,我就不会再收到错误。
您是否在chrome清单文件中正确注册了所有ur文件?我想出了问题