如何通过Chrome扩展程序化修改DevTools渲染设置并模拟页面聚焦？

你的需求是可以实现的，核心可通过两种方式达成，下面是具体实现方法：

方法一：使用Chrome Debugger API调用CDP命令 #

这是和DevTools手动操作同源的方案，可靠性最高：

1. 配置扩展权限
   在manifest.json中添加debugger和tabs权限，示例如下：

   {
     "name": "页面聚焦模拟器",
     "version": "1.0",
     "manifest_version": 3,
     "permissions": ["debugger", "tabs"],
     "background": {
       "service_worker": "background.js"
     }
   }
   

2. 后台脚本实现逻辑
   在background.js中监听标签页加载完成事件，自动为目标页面启用聚焦模拟：

   chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
     // 仅针对已加载完成的HTTP/HTTPS页面
     if (changeInfo.status === 'complete' && tab.url.startsWith('http')) {
       try {
         // 附加到标签页的调试器
         await chrome.debugger.attach({tabId}, '1.3');
         // 发送启用聚焦模拟的CDP命令
         await chrome.debugger.sendCommand(
           {tabId},
           'Emulation.setFocusEmulationEnabled',
           {enabled: true}
         );
         console.log(`已为标签页 ${tabId} 开启聚焦模拟`);
       } catch (err) {
         console.error(`操作失败：${err.message}`);
       }
     }
   });
   

3. 注意点
   • 附加调试器后，目标标签页会显示“DevTools已附加”的提示，属于正常现象
   • 可通过判断tab.url来限制仅对特定网站生效
   • 标签页关闭或扩展卸载时，调试连接自动断开，模拟状态终止

方法二：内容脚本重写焦点相关API（无需debugger权限） #

如果不想申请debugger权限，可以通过注入内容脚本篡改页面的焦点检测逻辑：

1. 配置内容脚本
   在manifest.json中添加内容脚本声明：

   {
     // ...其他配置
     "content_scripts": [
       {
         "matches": ["<all_urls>"], // 可替换为特定网站
         "js": ["content.js"],
         "run_at": "document_start"
       }
     ]
   }
   

2. 内容脚本实现
   在content.js中重写页面的焦点和可见性相关API：

   // 让document.hasFocus()始终返回true
   Object.defineProperty(document, 'hasFocus', {
     value: () => true,
     writable: false,
     configurable: false
   });
   
   // 让页面始终处于可见状态
   Object.defineProperty(document, 'visibilityState', {
     get: () => 'visible',
     configurable: false
   });
   
   // 阻止visibilitychange事件触发
   document.addEventListener('visibilitychange', e => e.stopImmediatePropagation(), true);
   

3. 注意点
   • 部分网站可能有更复杂的焦点检测逻辑，这种方法可能被绕过
   • 需确保脚本在页面加载早期注入（run_at: "document_start"），避免被页面代码覆盖

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