Visual Studio가 node.exe를 경유해 Edge.exe를 띄우는 경우
희한하군요, 2대의 컴퓨터에 설치한 Visual Studio에서 웹 브라우저의 디버깅 결과가 다른 문제가 발생했습니다. 가만 살펴보니 문제가 있는 PC에서만 아래의 화면처럼 비주얼 스튜디오에서 띄우는 Edge 브라우저와, 일반적으로 사용자가 띄우는 웹 브라우저가 다릅니다.
실제로 Spy++을 이용해 확인해 보면, 문제가 없는 PC의 경우 msedge.exe가 explorer.exe를 부모로 둔 프로세스를 가리키는 반면, 문제가 발생한 PC, 즉 환경이 다른 Edge를 띄우는 것은 devenv.exe -> node.exe -> msedge.exe 이런 순서로 부모/자식이 맺어진 Edge가 떴습니다.
2가지 모두 동일하게 "C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" 실행 파일이긴 했지만, 실행 시 전달된 명령행 인자가 다음과 같이 다른 것이 문제였습니다.
[일반 Edge]
--profile-directory=Default --restart
[Node.exe 부모를 둔 Edge]
// edge.exe
--disable-background-networking --disable-background-timer-throttling --disable-backgrounding-occluded-windows --disable-breakpad --disable-client-side-phishing-detection --disable-default-apps --disable-dev-shm-usage --disable-renderer-backgrounding --disable-sync --metrics-recording-only --no-first-run --no-default-browser-check --user-data-dir=C:\Users\testusr\AppData\Local\Microsoft\VisualStudio\17.0_03677d2c\WebTools\90107F59_873DEEDD about:blank --remote-debugging-pipe
저렇게 --disable... 옵션 등이 있으니 디버깅 결과가 다른 것은 이제 이해가 되는군요. ^^; 그렇다면 문제는, 어떻게 하면 비주얼 스튜디오가 node.exe를 경유하지 않고 edge를 띄우느냐입니다.
이상한 것은, 제 경우에 Visual Studio를 로그인해서 사용하기 때문에 모든 설정은 동기화돼 있는데요, 같은 프로젝트를 디버깅하는 데 저런 결과가 나오니 좀 당황스럽습니다. 일단, 원인 파악을 위해 edge의 부모인 node.exe의 명령행을 봤는데요,
// node.exe
"C:\Program Files\Microsoft Visual Studio\2022\Enterprise\MSBuild\Microsoft\VisualStudio\NodeJs\node.exe" "c:\program files\microsoft visual studio\2022\enterprise\common7\ide\commonextensions\microsoft\jsdiagnostics\debugger\debugAdapter\src\vsDebugServer.js"
vsDebugServer.js가 왠지 의심스럽습니다. 실제로 "Debugging" / "General" 속성에 들어가 "Enable JavaScript debugging for ASP.NET (Chrome, Edge and IE)" 설정을 보니 node.exe를 경유한 시스템에서는 켜져 있고, 그렇지 않은 곳에서는 꺼져 있었습니다.
확인을 위해 해당 옵션을 끄고 비주얼 스튜디오를 종료 후 다시 프로젝트를 로드해 디버깅했더니 동일한 Edge 웹 브라우저가 떴습니다. ^^
[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]