fix[devtools]: no-op unsupported backend bridge events (#35296)

Follow-up to #34641.
Similar to #35293,
#35294.

React DevTools backend can be used in non-DOM environments, so we have
to feature-check some DOM APIs.
For now I am just no-oping newly added commands for Native, we should
revisit this decision once we would roll out Suspense panel there, if
needed. I am not sure if scrolling will be required as much as it is
needed on Web.

`isReactNativeEnvironment()` check is kinda clowny, but we've been
relying on it for quite some time already.

Author: hoxyq

packages/react-devtools-shared/src/backend/views/Highlighter/index.js

@@ -9,6 +9,7 @@
 
 import Agent from 'react-devtools-shared/src/backend/agent';
 import {hideOverlay, showOverlay} from './Highlighter';
+import {isReactNativeEnvironment} from 'react-devtools-shared/src/backend/utils';
 
 import type {HostInstance} from 'react-devtools-shared/src/backend/types';
 import type {BackendBridge} from 'react-devtools-shared/src/bridge';
@@ -49,6 +50,11 @@ export default function setupHighlighter(
     right: number,
     bottom: number,
   }) {
+    if (isReactNativeEnvironment()) {
+      // Not implemented.
+      return;
+    }
+
     if (
       left === Math.round(window.scrollX) &&
       top === Math.round(window.scrollY)
@@ -65,6 +71,11 @@ export default function setupHighlighter(
 
   let scrollTimer = null;
   function sendScroll() {
+    if (isReactNativeEnvironment()) {
+      // Not implemented.
+      return;
+    }
+
     if (scrollTimer) {
       clearTimeout(scrollTimer);
       scrollTimer = null;
@@ -85,14 +96,17 @@ export default function setupHighlighter(
     applyingScroll = false;
   }
 
-  document.addEventListener('scroll', () => {
-    if (!scrollTimer) {
-      // Periodically synchronize the scroll while scrolling.
-      scrollTimer = setTimeout(sendScroll, 400);
-    }
-  });
+  // $FlowFixMe[method-unbinding]
+  if (document && typeof document.addEventListener === 'function') {
+    document.addEventListener('scroll', () => {
+      if (!scrollTimer) {
+        // Periodically synchronize the scroll while scrolling.
+        scrollTimer = setTimeout(sendScroll, 400);
+      }
+    });
 
-  document.addEventListener('scrollend', scrollEnd);
+    document.addEventListener('scrollend', scrollEnd);
+  }
 
   function startInspectingHost(onlySuspenseNodes: boolean) {
     inspectOnlySuspenseNodes = onlySuspenseNodes;
@@ -319,6 +333,11 @@ export default function setupHighlighter(
     // with the scrollIntoView option.
     hideOverlay(agent);
 
+    if (isReactNativeEnvironment()) {
+      // Not implemented.
+      return;
+    }
+
     if (scrollDelayTimer) {
       clearTimeout(scrollDelayTimer);
       scrollDelayTimer = null;