fix: let Android to correctly recognize the NativeMobileWeb environment when opening WebView on Android (#1503)

packages/mobile/WebFrame/MessageSender.template.js

@@ -3,6 +3,7 @@ class WebProcessMessageSender {
   constructor() {
     this.pendingMessages = []
     window.addEventListener('message', this.handleMessageFromReactNative.bind(this))
+    document.addEventListener('message', this.handleMessageFromReactNative.bind(this))
   }
 
   handleMessageFromReactNative(event) {

packages/mobile/src/MobileWebAppContainer.tsx

@@ -57,6 +57,7 @@ export const MobileWebAppContainer = () => {
     constructor() {
       this.pendingMessages = []
       window.addEventListener('message', this.handleMessageFromReactNative.bind(this))
+      document.addEventListener('message', this.handleMessageFromReactNative.bind(this))
     }
 
     handleMessageFromReactNative(event) {
@@ -128,7 +129,7 @@ export const MobileWebAppContainer = () => {
       onMessage={onMessage}
       allowFileAccess={true}
       allowUniversalAccessFromFileURLs={true}
-      injectedJavaScript={injectedJS}
+      injectedJavaScriptBeforeContentLoaded={injectedJS}
     />
   )
   /* eslint-enable @typescript-eslint/no-empty-function */