javascript - Chrome 扩展 - 在打印之前更改 HTML

Question

我已经阅读了大量有关如何在 HTML 呈现后立即对其进行更改的内容。

假设我们应该替换页面上所有 iframe 中的 SRC。如果我在 document_end 中执行此操作，则原始 SRC 首先加载，然后当 .js 加载时，它会闪烁。

我希望 iframe 在开始时就加载我的 SRC，这样会更流畅。

我一直在查看 webRequests，但无法让它工作:http://developer.chrome.com/extensions/webRequest

我怎样才能让这样的东西在代码“之前”工作，以便它“替换”将要打印的 HTML？

if ($('iframe').length){
    $('iframe').each(function( index ) {
        $(this).attr('src', 'http://www.google.com');
    }); 
}

Answer 1

尝试Mutation Observers 。我不确定它们是否会在 iframe 上触发，但从技术上讲它们应该会触发，因为 DOM 正在被操纵。