js设置页面状态栏颜色设置

// 设置状态栏颜色为蓝色
window.statusBarStyle = 'lightcontent'; // 对于iOS设备
document.body.style.backgroundColor = '#0000ff'; // 确保页面背景与状态栏颜色协调

// 监听页面加载完成事件，确保在页面完全加载后再设置状态栏颜色
window.onload = function() {
    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
        window.statusBarStyle = 'darkcontent'; // 如果用户偏好深色模式，设置为深色内容
    }
};

{
  "name": "My App",
  "short_name": "App",
  "icons": [
    {
      "src": "/images/icon.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#0000ff"
}

<link rel="manifest" href="/manifest.json">