如何hook innerHTML方法，并且提供修改src和href属性的机会-Go服务器开发

要 hook innerHTML 方法并在赋值时提供修改 src 和 href 属性的机会，可以通过重写原始的 innerHTML 方法来实现。这个方法会先处理传入的 HTML 字符串，解析出所有包含的元素，并检查它们的 src 和 href 属性，然后允许你进行修改。

下面是一个示例实现：

// 保存原始的 innerHTML 方法
const originalInnerHTML = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'innerHTML');

// 创建一个新的描述符，用于重写 innerHTML 方法
Object.defineProperty(HTMLElement.prototype, 'innerHTML', {
    get: function() {
        return originalInnerHTML.get.call(this);
    },
    set: function(value) {
        // 创建一个临时容器来解析 HTML 字符串
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = value;

        // 处理 src 和 href 属性
        processSrcAndHref(tempDiv);

        // 设置当前元素的 innerHTML 为处理过的 HTML
        originalInnerHTML.set.call(this, tempDiv.innerHTML);
    }
});

// 用于提取和修改 src 和 href 的递归函数
function processSrcAndHref(node) {
    // 检查当前节点是否为元素节点
    if (node.nodeType === Node.ELEMENT_NODE) {
        const src = node.getAttribute('src');
        const href = node.getAttribute('href');

        // 如果存在 src 或 href，则输出并进行修改
        if (src) {
            console.log(`Found src attribute: ${src}`);
            // 修改 src 属性，例如：
            node.setAttribute('src', 'new-src-value'); // 在此处设置你的新值
        }
        
        if (href) {
            console.log(`Found href attribute: ${href}`);
            // 修改 href 属性，例如：
            node.setAttribute('href', 'new-href-value'); // 在此处设置你的新值
        }
    }

    // 遍历子节点并递归调用
    for (let i = 0; i < node.childNodes.length; i++) {
        processSrcAndHref(node.childNodes[i]);
    }
}

代码解释：

保存原始方法：首先，我们保存了原始 innerHTML 的 getter 和 setter。
定义新的属性描述符：使用 Object.defineProperty() 来重写 innerHTML 属性。我们只重写 setter，以便在设置内容时处理给定值。
创建临时容器：在 setter 中，我们创建一个临时 <div> 元素，将传入的 HTML 内容设置为该 div 的 innerHTML，以便解析和操作其中的元素。
调用处理函数：调用名为 processSrcAndHref() 的函数，该函数遍历所有子元素，检查并可能地修改每个元素中的 src 和 href 属性。
更新实际 DOM：最后，将处理后的 HTML 字符串重新赋给当前元素的 innerHTML。