相关疑难解决方法(0)
什么是Bootstrap 3.x中使用的.map文件？
文件CSS夹中包含两个文件,其中包含.map文件扩展名.他们是:
bootstrap-theme.css.map
bootstrap.css.map
它们似乎是缩小文件但我不知道它们的用途.
推荐指数
解决办法
查看次数
DevTools 无法加载 SourceMap：无法加载 chrome-extension 的内容
我正在尝试显示从本地计算机中选择的图像，我需要该图像的位置以用于 javascript 函数，但无法获取图像的位置。
为了获取图像位置，我尝试使用console.log，但没有任何返回。
console.log(document.getElementById("uploadPreview"));
这是 HTML 代码：
console.log(document.getElementById("uploadPreview"));
控制台输出：
这是警告：
DevTools 无法加载 SourceMap：无法加载 chrome-extension://alplpnakfeabeiebipdmaenpmbgknjce/include.preload.js.map 的内容：HTTP 错误：状态代码 404，net::ERR_UNKNOWN_URL_SCHEME
推荐指数
解决办法
查看次数
添加 Javascript 库时，Chrome 抱怨缺少源映射，为什么？
我的代码
<html>
<head>
<!-- Load TensorFlow.js -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
<!-- Load Posenet -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet"></script>
</head>
<body>
<img id='cat' src='./pose/images/aa_085.jpg'/>
</body>
<!-- Place your code in the script tag below. You can also use an external .js file -->
<script>
var flipHorizontal = false;
var imageElement = document.getElementById('cat');
posenet.load().then(function(net) {
const pose = net.estimateSinglePose(imageElement, {
flipHorizontal: true
});
return pose;
}).then(function(pose){
console.log(pose);
})
</script>
</html>
很少使用HTML和JS，几乎忘记了最基本的东西，有没有好心人指出我的傻瓜？附上错误信息。
DevTools 无法加载 SourceMap：无法加载https://cdn.jsdelivr.net/npm/@tensorflow/tf.min.js.map 的内容：HTTP 错误：状态码 404，net::ERR_HTTP_RESPONSE_CODE_FAILURE
推荐指数
解决办法
查看次数
如何强制Chrome调试工具以漂亮的代码进行调试？
虽然我使用漂亮的代码并在"漂亮代码"选项卡中设置了断点,但调试器仍然使用缩小的代码.(我无法确切地看到我的位置,需要在源和"漂亮的代码"之间不断切换).在具有相同脚本的相同页面上,它有时可以工作,有时不工作.我无法找到原因或我激活方式的任何差异.
有没有办法强制调试器使用"漂亮的代码"？任何想法或其他问题？这应该报告为错误吗？
编辑:我仍然不明白发生了什么,但有一个解决方案.所以当这种情况发生时,只需编辑脚本并添加"调试器"; 光标后的关键字.它将成为一个断点.然后,如果你使用"漂亮的代码",调试器将保留在美化代码中.正如我所说,我不明白为什么会这样,所以我还在等待答案.
编辑:当前浏览器版本是42.0.2311.135(64位).
编辑:戴夫指出,有一个非常相似的事情报告错误.https://code.google.com/p/chromium/issues/detail?id=415406它说这与文件大小有关但我无法确认.我改变了标题以反映这些发现.
javascript debugging minify javascript-debugger google-chrome-devtools
推荐指数
解决办法
查看次数
我应该将源图部署到生产中吗？
我正在部署我的网站 - 一个用GatsbyJS构建的静态网站 - 我的源图是迄今为止我最大的文件.我有3个~3MB的源图文件.总的来说,它们占我构建的70%.
我应该将它们部署到我的生产服务器吗？
源图是否仅由打开devtools的用户下载？
推荐指数
解决办法
查看次数
为什么使用jquery map？
为什么使用jquery.min.mapif:
jquery = 242 ko
jquery.min + jquery.min.map = 83 + 125 = 208 ko (the map is even greater than the library)
如果我们删除注释,我们将得到一个更容易阅读(和调试)的小jquery.
那么,为什么使用mapif它只会添加更多100 ko请求？
什么是最佳做法？
推荐指数
解决办法
查看次数
Javascript库无法在Device上运行
我正在使用MikeMcl的BigNumber库来处理我对大数字的需求.我在Ionic/Angular项目中使用这个库.
正如在Github上所解释的那样,安装和使用这个库的方法是在你的html中包含一个脚本tage:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<!-- compiled css output -->
<link href="css/ionic.app.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.min.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
<script src="cordova.js"></script>
<!-- ********* BIGNUMBER library ********* -->
<script src='lib/bignumber.js/bignumber.min.js'></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/services.js"></script>
</head>
<body ng-app="starter">
<ion-nav-view></ion-nav-view>
</body>
</html>
现在在我的代码中,我可以使用这个库作为例如:
x = new BigNumber(123.4567)
y = …推荐指数
解决办法
查看次数
代码混淆在javascript中真的有用吗？
最近我已经传递给了gulp任务管理器,我注意到默认情况下,构建任务会生成.map文件.这让我想知道:对生产部署的代码进行模糊处理是否有用？它是否可以保护我的软件免遭黑客入侵？如果是,我应该从那里删除我的.map文件吗？
推荐指数
解决办法
查看次数
未捕获的引用错误：ClassicEditor 未定义(ckeditor5)
我正在尝试在本地设置 ckeditor5 但遇到此错误
\n\n\n\n\n未捕获的语法错误：无效或意外的标记\n example.html：14 未捕获的引用错误：未定义 ClassicEditor
\n
下面是本地代码。
\n\n<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="utf-8">\n<title>CKEditor 5 \xe2\x80\x93 Classic editor</title>\n<script src="ckeditor1.js"></script>\n</head>\n<body>\n<h1>Classic editor</h1>\n<textarea name="content" id="editor">\n <p>This is some sample content.</p>\n</textarea>\n<script>\n ClassicEditor\n .create( document.querySelector( \'#editor\' ) )\n .catch( error => {\n console.error( error );\n } );\n</script>\n</body>\n</html>\n但当我指向 cdn ckeditor url 时，同样有效：
\n\nhttps://cdn.ckeditor.com/ckeditor5/12.3.0/classic/ckeditor.js\n推荐指数
解决办法
查看次数
如果在Angular中将sourcemap设置为false会发生什么
我是Angular的新手。我看到sourcemap了tsconfig.json，默认情况下是"sourceMap": true。我对此几乎没有疑问，并发现此链接很有用。我仍然对此有以下疑问。
我设置了"sourceMap": false，但在应用程序中找不到任何更改。如果我这样设置的话，实际的变化是什么？
推荐指数
解决办法
查看次数
源地图安全性
在逐步使用缩小的库代码时,源映射非常有用.使用源映射的.js文件的前几行默认情况下看起来像这样:
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery.min.map
*/
如果您没有jquery.min.map在同一目录中,支持源映射的浏览器将产生冗余的http请求,从而导致404错误(听起来很熟悉,有人喜欢？).
我注意到sourceMappingURL可能指向另一个域; 我不是在提倡这种做法,但它似乎不受CORS的影响:
/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.map
*/
映射的未经授权的来源是否安全？即如果在上面的示例中,映射的服务器被泄露并且恶意代码被添加到源中,是否会/将被执行？如果您正在调试代码并单步调试代码呢？我找不到任何能够解决这个问题的实现细节.
推荐指数
解决办法
查看次数
源映射错误：错误：请求失败，状态为 404 资源 URL
我收到错误：
HTML：
<link rel="stylesheet" href="https://www.domain123.com/wp-content/themes/gogo-theme/css/bootstrap.min.css">
源映射错误：错误：请求失败，状态 404 资源 URL： https: //www.domain123.com/wp-content/themes/gogo-theme/css/bootstrap.min.css 源映射 URL：bootstrap.min.css 。地图
当我将 URL 复制并粘贴到浏览器中时，我可以看到 bootstrap boostrap.min.css 文件。会是错误的原因吗？我如何解决它？
推荐指数
解决办法
查看次数
标签 统计
javascript ×8
source-maps ×3
html ×2
minify ×2
angular ×1
angular-cli ×1
angularjs ×1
bootstrap-4 ×1
ckeditor5 ×1
cordova ×1
css ×1
debugging ×1
deployment ×1
gatsby ×1
gulp ×1
ios ×1
jquery ×1
node.js ×1
obfuscation ×1
security ×1
typescript ×1
webpack ×1
wordpress ×1