作为 chrome 响应的一部分返回的调试脚本答案

【问题标题】：debug script that are returned as part of response on chrome作为 chrome 响应的一部分返回的调试脚本
【发布时间】：2019-09-01 06:22:06
【问题描述】：

我有一个通过ajax 调用加载html 部分的页面。响应包含html 以及javascript 文件。

现在我正在尝试找到一种方法将调试点放在该 javascript 文件上。

在IE 上，我可以简单地在调试器选项卡上搜索该文件中存在的一些javascript 函数，它将带我进入包含javascript 文件的脚本块，我可以在那里设置调试点。

但我不确定如何使用chrome 来实现这一点。

更新我正在使用包含 javascript 文件的 ajax 返回 thymeleaf 片段

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<div th:fragment="myFrag"  th:remove="tag">

    <script  th:src="@{/js/test.js}"></script>
    //my html goes here
    </div>

【问题讨论】：

Ajax 不会执行返回的内容。请您简要描述一下您是如何执行 Javascript 的吗？
我不熟悉 Thymeleaf，但从那个伪代码和我 assume that /js/test.js would be loaded as a separate request 的文档来看。如果这是真的，是否提出了请求？您至少应该在“网络”面板中看到它。
是的，我可以在网络面板上看到，但我无法在 js 文件上放置调试点。
确保其送达 200 OK。确保脚本已执行。将alert("Hello") 放入test.js。它至少应该弹出。在网络面板中，test.js 的类型应为“脚本”。你有运行广告拦截器吗？它是什么 Chrome 版本？尝试将脚本标记（不带 th: 命名空间）直接添加到 index.html 以缩小脚本插入问题而不是脚本本身的问题。
我不确定你是否理解我的问题。一切正常。所有脚本都运行良好。我想要的只是使用 chrome 调试test.js 文件。

标签： javascript google-chrome javascript-debugger

【解决方案1】：

Firebug 带有它的 JavaScript 调试器。我习惯于在我处理的每种语言中都使用调试器，因此使用 Firebug 是一件轻而易举的事。因为它支持断点，所以停止执行和检查局部变量和范围的其余部分对我来说通常比警报和 console.logs 要好。更多详情请查看此链接

http://beerpla.net/2009/12/17/how-to-make-firebugs-javascript-debugger-break-inside-dynamic-javascript-using-the-debugger-keyword-ie-chrome-too/

【讨论】：

我正在寻找如何使用 chrome 开发者工具。