Chrome 控制台中的 iframe 内容 - Javascript

当你在浏览器中打开的网页中，如果存在嵌套的 iframe 元素，你可以通过Chrome控制台中的Javascript实现对iframe内容进行操作。

获取iframe元素

首先，我们需要获取目标iframe元素。可以通过以下两种方式实现：

1. 通过iframe的ID获取

const iframe = document.getElementById('myIframe');

2. 通过iframe所在文档对象获取

const iframeDoc = document.querySelector('iframe').contentDocument;

访问iframe内部DOM元素

有了iframe元素，我们可以通过contentDocument属性来访问iframe内部的DOM元素。例如：

const iframe = document.getElementById('myIframe');
const iframeBody = iframe.contentDocument.body;

在iframe内部执行Javascript

我们可以使用iframe.contentWindow来在iframe内部执行Javascript代码。例如：

const iframe = document.getElementById('myIframe');
const iframeWin = iframe.contentWindow;
iframeWin.postMessage('Hello!', 'http://target-iframe-url.com');

注意事项

需要注意的是，由于同源策略的限制，当iframe的源不同于当前页面的源时，访问iframe内容的代码可能会受到限制。

若想完全控制iframe内容，需要确保iframe和当前页面拥有相同的源。