首页 > 解决方案 > 如何调试 HTML 中脚本标记中编写的 JavaScript

问题描述

我正在尝试在我无权访问源代码的网站上的 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.

标签: javascriptgoogle-chrome-devtoolsfirefox-developer-toolsfirefox-developer-edition

解决方案


在 Chrome 的开发工具中:

  1. 打开“来源”选项卡
  2. 如果导航器尚未显示,请 单击“显示导航器”图标
    在此处输入图像描述
  3. 在导航树中查找框架的 HTML 文件的名称
    在此处输入图像描述
  4. 展开它,这将显示框架来自的域,然后再次展开它以找到框架的 HTML 文件(再次)
    在此处输入图像描述
  5. 单击该文件以查看其来源
    在此处输入图像描述
  6. 在脚本中,单击要设置断点的行右侧的行号装订线
    在此处输入图像描述

推荐阅读