extension: Don't add dynamic rules where responseHeaders rules ignored

web/packages/extension/src/background.ts

@@ -9,7 +9,15 @@ async function contentScriptRegistered() {
 }
 
 async function enable() {
-    if (utils.declarativeNetRequest) {
+    // Unlike other browsers, Chrome registers rules with an unsupported condition.
+    // Therefore, check that Chrome is a version that supports the responseHeaders condition,
+    // so the browser in use throws an exception or supports the responseHeaders condition.
+    // The alternative check here is to use feature detection to detect support for something
+    // that strictly greater Chrome versions support, but no such features exist yet.
+    const chrome127OrLess = /Chrome\/([0-9]|1[0-9]|1[0-1][0-9]|12[0-7])\./.test(
+        navigator.userAgent,
+    );
+    if (utils.declarativeNetRequest && !chrome127OrLess) {
         const playerPage = utils.runtime.getURL("/player.html");
         const rules = [
             {
@@ -55,6 +63,7 @@ async function enable() {
                             values: [
                                 "application/octet-stream",
                                 "application/binary-stream",
+                                // TODO: Add "" after https://crrev.com/c/5634852
                             ],
                         },
                     ],