如何调试 HTML 中脚本标记中编写的 JavaScript答案

【问题标题】：How do I debug JavaScript written within a script tag in the HTML如何调试 HTML 中脚本标记中编写的 JavaScript
【发布时间】：2019-12-06 01:13:28
【问题描述】：

我正在尝试在我无权访问源代码的网站上的 iframe 上的标签内调试外部 JavaScript。我能够直接调试所有的 javascript 文件，但不能调试嵌入在 HTML 中的 javascript。

我试图在源选项卡中搜索代码，但无法找到它。我尝试使用 Firefox 开发者版以及 chrome 开发工具

我正在尝试调试的问题：

<iframe>
   <html>
     <head>
       <script> javascript I want to debug </script>
     <body>
     </body>
   </html>
</iframe>

I would like to place breakpoints anywhere within the code to debug it.

【问题讨论】：

标签： javascript google-chrome-devtools firefox-developer-tools firefox-developer-edition

【解决方案1】：

在 Chrome 的开发工具中：

打开来源标签
如果导航器尚未显示，请单击 显示导航器 图标
在导航树中查找框架的 HTML 文件的名称
展开它，这将显示框架所在的域，然后再次展开它以找到框架的 HTML 文件（再次）
单击该文件以查看其来源
在脚本中，单击要设置断点的行右侧的行号槽

【讨论】：

好吧，我正在尝试调试一个 appscripts iframe，但我无法以这种方式找到代码，也许它是动态构建的，或者他们采用沙盒 iframe 的方式。

【解决方案2】：

只是一张图片来形象化 Crowder 上面写的内容。

【讨论】：

我现在已经添加了分步图片。（顺便说一句，要改进/添加答案，即使是其他人的答案，也可以在其上使用“编辑”。:-)）
哦，谢谢 :) 没有意识到我有这个选项。下次我会记住的。