如何解决Chrome中uBlock Origin引发的browsing-topics权限策略头错误？

这个错误是因为uBlock Origin会自动给请求注入Permissions-Policy: browsing-topics=()头，但Chrome的Origin Trial机制要求browsing-topics特性必须先启用才能使用该头，从而触发了控制台错误。以下是几种无需关闭uBlock Origin的解决方法：

方法一：禁用uBlock Origin的相关注入规则 #

1. 点击Chrome右上角的uBlock Origin图标，打开扩展面板
2. 点击面板里的⚙️设置按钮进入设置页
3. 切换到「My filters」标签
4. 添加以下规则后点击「Apply changes」：

   *$header=Permissions-Policy: browsing-topics=(), noop
   

   这条规则会阻止uBlock Origin自动添加引发错误的Permissions-Policy头。

方法二：在本地开发服务器主动添加兼容头 #

如果不想修改uBlock的配置，可以在本地开发服务中主动设置正确的Permissions-Policy头来覆盖uBlock的注入：

• Node.js/Express环境：

  app.use((req, res, next) => {
    res.setHeader('Permissions-Policy', 'browsing-topics=*');
    next();
  });
  

• Nginx本地配置：

  add_header Permissions-Policy "browsing-topics=*";
  

  这样Chrome会识别到该特性已被允许，不会再抛出错误。

方法三：临时屏蔽控制台错误提示 #

如果只是不想看到这条错误信息，可直接在Chrome控制台中过滤：

1. 打开Chrome开发者工具（F12）
2. 点击控制台顶部的「Filter」输入框
3. 输入 -browsing-topics，即可屏蔽包含该关键词的错误日志

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