Technology Sharing

[Solution] Chrome/Edge browser opens F12 developer mode, clicks the application label and crashes

2024-07-11

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

2024/6/11 Sunny
Everything was fine the day before, but suddenly the problem appeared. I tried various methods.

  1. Clear your browser cache
  2. Privacy Mode
  3. Use chorome, use edge
  4. Use edge in win11 sandbox

It was very frustrating, and I happened to encounter other components that needed debugging, so I couldn't locate the problem. Until today, 2024/6/20, it was finally solved.

After narrowing down the scope, I found that it was caused by the manifest.json configuration of the website.

Information found on the Internet

Practical engineering solutions

Final manifest.json file

{
  "name": "xxx2025",
  "short_name": "xxx",
  "description": "xxx2025",
  "id": "/?xxxxx=1",
  "lang": "cn",
  "start_url": "/",
  "display_override": [
    "fullscreen",
    "minimal-ui",
    "window-controls-overlay"
  ],
  "display": "fullscreen",
  "background_color": "#000000",
  "theme_color": "#ffffff",
  "prefer_related_applications": false,
  "icons": [
    {
      "src": "/_content/xx.Shared/favicon.jpg",
      "sizes": "256x256",
      "type": "image/jpg"
    },
    {
      "src": "/_content/xx.Shared/appicon.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "features": [
    "Cross Platform"
  ],
  "categories": [
    "productivity",
    "food"
  ],
  "launch_handler": {
    "client_mode": "navigate-existing"
  },
  "shortcuts": [
    {
      "name": "日报表",
      "url": "/DailyReport"
    },
    {
      "name": "月报表",
      "url": "/MonthlyReport"
    },
    {
      "name": "排行榜",
      "url": "/RankingReport"
    }
  ]
}