# Microsoft Edge + DEBUG for flatpak + vscode - attach

# Microsoft Edge + DEBUG for flatpak + vscode - attach

Arch Linux

## DEBUG for vscode - attach

```json
//.vscode/launch.json
{
  "version": "0.2.0",
  //# 💡 --user-data-dir 옵션을 붙여주면 기존 엣지와 완전히 격리된 9222 전용 기지가 강제로 뚫립니다.
  /** 💡 [치트키] 웰컴 페이지 차단 옵션과 FastAPI 주소를 다이렉트로 결합하여 실행합니다
  flatpak run com.microsoft.Edge \
    --remote-debugging-port=9222 \
    --user-data-dir=~/.edge-debug-profile \
    --no-first-run \
    --no-default-browser-check \
    http://127.0.0.1:8000
  */
  "configurations": [
    {
      "name": "📡 켜져있는 브라우저(Edge)에 디버거 합체",
      "type": "chrome", // 💡 크로미움 순정 디버깅 엔진 지정
      "request": "attach", // 💡 이미 켜진 창에 합체하는 모드 고정
      "port": 9222, // 💡 크롬/엣지 진영의 전 세계 표준 원격 디버깅 포트
      "webRoot": "${workspaceFolder}"
    }
  ]
}
```