기술나눔

[해결 방법] Chrome/Edge 브라우저가 F12 개발자 모드를 열고 애플리케이션 탭을 클릭하면 충돌이 발생합니다.

2024-07-11

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

2024/6/11 써니
전날은 다 괜찮았는데 갑자기 의문이 생겨서 여러가지 방법을 시도해 봤습니다.

  1. 브라우저 캐시 지우기
  2. 개인 정보 보호 모드
  3. 크롬을 사용하고 엣지를 사용하세요
  4. win11 샌드박스에서 Edge 사용

사람들을 매우 좌절하게 만들었고 디버깅이 필요한 다른 구성 요소가 발생했지만 문제는 2024/6/20인 오늘이 되어서야 마침내 해결되었습니다.

범위를 좁혀본 결과, 실제로는 웹사이트의 매니페스트.json 구성 때문에 발생했다는 사실을 발견했습니다.

온라인에서 찾은 정보

실용적인 엔지니어링 솔루션

최종 매니페스트.json 파일

{
  "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"
    }
  ]
}