如何在浏览器调试器工具中命名 eval 脚本文件？答案

【问题标题】：How to name an eval script file in a browser debugger tools?如何在浏览器调试器工具中命名 eval 脚本文件？
【发布时间】：2015-12-21 00:22:53
【问题描述】：

在一个 javascript 文件中，我有一个 jquery 函数，它使用 getScript 加载一个 javascript 文件。问题是当我想调试下载的脚本时，很难在调试器工具中找到它。它看起来像这样：

上面写着 eval 代码的地方，就是下载的脚本。有没有办法给它起个名字？例如在正在下载的脚本中，我想要类似的东西

namespace("control.js");

然后在调试器工具中，将显示“control.js”而不是“eval code”。

有人知道这个方法吗？

谢谢

【问题讨论】：

理想情况下是跨浏览器，但首先是 IE11。
不确定 ie，但应该可以在 chromium / chrome 上使用

标签： javascript jquery debugging getscript

【解决方案1】：

回复有点晚，但这可能对其他人仍然有用；

//# sourceURL=url

以上内容可以添加到 eval 字符串的末尾，以表明其来源。我不确定它是否会在那些调试器工具中正确显示。但是，当它在 chrome 中记录数据时，它至少可以正确显示。

来源：https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl

【讨论】：

【解决方案2】：

在 chromium / chrome ，应该可以打开console -> 选择Sources 选项卡，从左侧面板中选择资源 -> 复制资源的来源 -> 在左侧面板中选择Snippets -> 右键单击@ 987654324@面板，选择New->当*Script snippet #n在左侧面板中突出显示时命名sn-p->将所选资源的源粘贴到中间面板->选择所有粘贴的资源源->在源突出显示时右键单击->选择Add to Watch -> 在右侧面板中选择的 sn-p 应该列在 Watch Expressions

【讨论】：

snipplets 和 jQuery 的 getScript 有什么关系？
@epascarello "snipplets 和 jQuery 的 getScript 有什么关系？" ? Snippets 铬/铬开发工具。在处阅读OP“问题是当我想调试下载的脚本时，在调试器工具中并不容易找到它。”，“哪里说eval代码，那就是下载的脚本. 有什么办法可以给它起个名字吗？”?
我的意思是使用 js 代码在上面添加一个名称，所以它总是自动显示名称。
@omega 更改在文档“自动”加载的外部资源的名称 - 在开发人员控制台中？不确定这是否可以使用在页面加载的js
是的，所以如果我加载外部“A.js”，我希望它自动显示“A.js”而不是 eval 代码。