在 Chrome 中调试 javascript iframe 调用程序答案

【问题标题】：Debug javascript iframe caller in Chrome在 Chrome 中调试 javascript iframe 调用程序
【发布时间】：2021-08-06 04:08:52
【问题描述】：

我正在开发一个加载 100 个 javascript 的网站。在一个页面中，我有一个加载 youtube 视频的“iframe”。我看到 iframe 的“标题”标签被一些 javascript 重置。通过做一些测试，我看到了 javascript，找到并用标签名称“iframe”替换了 iframe 属性。

谁能帮帮我，如何找到替换这个 iframe 属性的人？

<iframe src="/en-us/media/oembed?url=https%3A//youtu.be/C5oQYNDZtpI&amp;max_width=500&amp;max_height=281&amp;hash=7G5DUR_fZxyPVcv3Js9TxsId_i6OkO8HjHIRYH650Jo" frameborder="5" allowtransparency="" width="500" height="281" class="media-oembed-content" title="iframe"></iframe>

【问题讨论】：

如果您没有发布任何可能改变任何内容的代码，我们如何才能发现这一点？
drupal.org/project/oembed_lazyload
我需要找出哪个 javascript 文件正在更改 iframe 标题属性。

标签： javascript google-chrome iframe

【解决方案1】：

只需打开 Chrome-Developer 工具，在 DOM-Tree 中找到所需的iframe（或通过上下文菜单打开Inspect element），右键单击该元素并选择Break on -> attribute modification。重新加载页面后，每当更改 DOM 节点的属性时，开发人员工具都会跳转到源选项卡并显示导致 javascript 文件中的确切行。

如果文件被缩小，您可以点击Sources-tab左下角的{}图标来格式化代码以获得更好的可读性。

【讨论】：

:( 不工作。我将它设置为 title="some video"，但在加载时，我总是看到 title="iframe"。我在 -> 属性上设置了中断，但它没有中断.