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

要 hook innerHTML 属性，并在赋值时提供修改 src 和 href 属性的机会，可以通过重写原始的 innerHTML 方法来实现。以下是一个示例，展示如何实现这一功能。

示例代码

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

// 重写 innerHTML 的 setter
Object.defineProperty(HTMLElement.prototype, 'innerHTML', {
    set: function(value) {
        // 创建一个临时容器来解析 HTML 字符串
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = value;

        // 处理所有包含的元素，特别是 src 和 href 属性
        processSrcAndHref(tempDiv);

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

// 递归遍历节点以检查并修改 src 和 href 属性
function processSrcAndHref(node) {
    if (node.nodeType === Node.ELEMENT_NODE) {
        const src = node.getAttribute('src');
        const href = node.getAttribute('href');

        // 检查并修改 src 属性
        if (src) {
            console.log(`Found src attribute: ${src}`);
            // 在这里可以进行修改，例如：
            node.setAttribute('src', modifySrc(src));
        }

        // 检查并修改 href 属性
        if (href) {
            console.log(`Found href attribute: ${href}`);
            // 在这里可以进行修改，例如：
            node.setAttribute('href', modifyHref(href));
        }
    }

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

// 修改 src 的函数示例（可根据需要自定义）
function modifySrc(originalSrc) {
    return originalSrc.replace(/old-src-value/, 'new-src-value'); // 替换示例
}

// 修改 href 的函数示例（可根据需要自定义）
function modifyHref(originalHref) {
    return originalHref.replace(/old-href-value/, 'new-href-value'); // 替换示例
}

代码解释：

保存原始方法：首先，我们使用 Object.getOwnPropertyDescriptor() 获取原始的 innerHTML getter 和 setter，以便在后续操作中能够调用它们。
重写 innerHTML 的 setter：使用 Object.defineProperty() 来重新定义 innerHTML。我们主要关注 setter，在该方法内部，我们会创建一个临时 <div> 元素，并将新的 HTML 内容设置为其内容。
处理属性：调用名为 processSrcAndHref() 的函数，该函数会遍历临时 div 中的所有元素，检查是否存在 src 和 href 属性。如果找到这些属性，则允许你对它们进行修改。
递归遍历节点：这个函数将检查每个元素，如果是元素节点且存在目标属性，它就会打印出该属性并提供一个自定义的方法来修改它（如替换特定字符串）。
自定义修改逻辑：你可以根据实际需求实现更复杂的逻辑，以决定如何更改这些属性。