It's not available on Android browser, the page loads, and it doesn't seem like js is executing

[xuzhihui123]

It's not available on Android browser, the page loads, and it doesn't seem like js is executing。
System: Android 12 Protocol: HTTPS
UA: Mozilla/5.0 (Linux;Android 12;RKY-AN00
Build/HONORRKY-TN00;) AppleWebKit/537.36(KHTML.like Gecko) Version/4.0 Chrome/97.0.4692.98 Mobile

[ThornWalli]

Hello @xuzhihui123 ,

put the BoosterLayer into the layout to see where the problem occurs.

Execution is blocked if hardware or battery is not sufficient.

When “weak hardware” occurs, something seems to block the browser even without JS.

[SohailYounas20]

Hi,

I am also experiencing this issue specifically on Samsung devices using the Samsung Browser. In my case, no JavaScript or click events are working on the Samsung Browser, while the app works fine on Chrome on the same device. The problem seems to be isolated to Samsung’s native browser, as I haven’t encountered it on other browsers like Chrome or Firefox.
To help further investigate, I created a new blank Nuxt project with the following setup:

Node Version: v20.16.0
Nuxt Version: 3.13.1
"nuxt-booster": "^3.1.5"
I only installed the nuxt-booster module, and the @click function still don't work on Samsung's native browser.

This issue is coming on android version 13 and greater

[ThornWalli]

Hello @xuzhihui123 @SohailYounas20,

have an update on the topic, with a version for testing.

npm i https://pkg.pr.new/basics/nuxt-booster@1225

In this version there is a fallback, this consists of an element that triggers the initialization via css transition.

The following setting must be made in the nuxt.config:

{
  booster: {
    experimental: {
      fallbackInit: {
        duration: 3000
      }
    }
  }
}

The duration should not be lower, as this could lead to negative performance values in the Lighthouse.