在动态页面上使用 javascript 重写链接

Question

我正在编写一个脚本，该脚本应该将页面上的所有链接从 http:// 重写为 https:// - 它必须在客户端完成，它在我无法控制的页面中运行。 >

执行环境：仅限最近的Chrome，因为这是Chrome扩展的注入脚本，所以没有跨浏览器的担忧。注入发生在 document_start 处（即在 DOM 开始加载之前）。

我的第一次尝试是监视 DOMContentLoaded，然后迭代 document.links：

document.addEventListener("DOMContentLoaded", rewriteHTTPS, false);

function rewriteHTTPS() {
    var links = document.links;
    for(var i in links){
        links[i].href = links[i].href.replace(/http:/, "https:");
    }
}

不幸的是，我意识到页面是动态的，因此在触发此事件后会添加更多链接。

因此，问题是：使用动态 DOM 捕获页面中所有新链接和修改链接的最佳方法是什么？

Answer 1

您可能想考虑监听 DOMNodeInserted 事件，即使它在 IE 中的支持似乎参差不齐。该问题的其他答案也可能有帮助。