Bookmarklet修改缩放对动态加载元素无效的问题求助

问题核心是页面点击按钮后新增的<head>和<body>属于独立的文档上下文，普通Bookmarklet默认只操作初始加载的顶层document，导致样式无法注入到新的文档中。以下是两种可行的解决方法：

方法一：主动遍历所有文档上下文注入样式 #

直接遍历顶层文档和页面中所有iframe的文档，把样式注入到每个可访问的文档的<head>里：

javascript:(function(){
  // 定义要应用的缩放样式，可根据需求修改
  const targetCss = `.notifications-list--cMVsqVbKkaXV4SQ { zoom: 0.8 !important; }`;
  
  // 封装注入样式到指定文档的函数
  function addStyleToDoc(targetDoc) {
    const styleTag = targetDoc.createElement('style');
    styleTag.textContent = targetCss;
    targetDoc.head.appendChild(styleTag);
  }
  
  // 先处理初始的顶层文档
  addStyleToDoc(document);
  
  // 遍历所有iframe，处理其内部文档（跨域iframe会报错，直接忽略）
  document.querySelectorAll('iframe').forEach(iframe => {
    try {
      const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
      addStyleToDoc(iframeDoc);
    } catch (err) { /* 跨域限制，跳过 */ }
  });
})();

方法二：用MutationObserver监听动态新增的文档 #

通过监听DOM变化，在新的文档节点被添加时自动注入样式，适合需要持续处理动态内容的场景：

javascript:(function(){
  const targetCss = `.notifications-list--cMVsqVbKkaXV4SQ { zoom: 0.8 !important; }`;
  
  function addStyleToDoc(targetDoc) {
    const styleTag = targetDoc.createElement('style');
    styleTag.textContent = targetCss;
    targetDoc.head.appendChild(styleTag);
  }
  
  // 初始注入到顶层文档
  addStyleToDoc(document);
  
  // 创建观察者，监听body下的新增节点
  const domObserver = new MutationObserver((mutations) => {
    mutations.forEach(mutation => {
      mutation.addedNodes.forEach(node => {
        // 检查节点是否包含可访问的文档上下文
        if (node.contentDocument) {
          addStyleToDoc(node.contentDocument);
        } else if (node.nodeType === Node.DOCUMENT_NODE) {
          addStyleToDoc(node);
        } else if (node.querySelector('head')) {
          addStyleToDoc(node.ownerDocument || document);
        }
      });
    });
  });
  
  // 开始监听body及其子树的节点新增
  domObserver.observe(document.body, { childList: true, subtree: true });
})();

注意事项 #

• 如果新增的文档属于跨域iframe，浏览器的同源策略会阻止脚本访问其内部文档，这种情况无法通过Bookmarklet直接处理。
• 可以根据实际需求调整zoom值和目标选择器，确保样式优先级足够（比如添加!important覆盖原有样式）。

内容的提问来源于stack exchange，提问作者Rodp