- -Chrome 개발자 도구를 사용하여 웹 페이지를 원격으로 디버깅하는 방법

Chrome 개발자 도구를 사용하여 웹 페이지를 원격으로 디버깅하는 방법

Chrome의 개발 도구는 원격 디버깅을 지원하지만우리가 원하는 방식이 아닙니다. '원격'은 바로 옆에 있고 개발 기기에 연결할 수있는 기기를 의미합니다. 현재 다른 커피 숍에 앉아있는 친구가 열었던 Chrome 탭을 디버깅 할 수 있다는 의미는 아닙니다. 따라서 두 사람이 함께 작업하고 다른 탭에 액세스하거나 디버그해야 할 경우 수행 할 작업입니다. DevTools Remote Chrome 확장 프로그램은링크를 통해 선택된 탭의 원격 세션 링크가 Chrome 개발자 도구 내에서 열리고 수신자가 탭을 제어 할 수 있습니다. 그들은 당신의 개발자 콘솔을보고 다른 것들 중에서 그것을 변경할 수 있습니다.

DevTools Remote를 설치하고 웹 페이지를 엽니 다새 탭. URL 표시 줄 옆의 DevTools Remote 아이콘을 클릭하고 작은 진행률 표시 줄에 '복사 됨'이 표시 될 때까지 기다리십시오. 원격 세션 링크가 클립 보드에 복사되었습니다. 탭을 디버깅해야하는 사람에게 링크를 보내십시오.

DevTools 원격 링크 세션

수신자 쪽에서 페이지는URL이 나타나고 모든 기능을 갖춘 chrome dev 콘솔이 열립니다. 수신자는 원하는만큼 자유롭게 엉망으로 만들 수 있으며 공유 한 탭이 ​​화면에서 활성화되어 있지 않을 때 알려주는 것이 현명합니다.

DevTools Remote

확장은 정말 대단하고 그 이상입니다설정하기 쉽습니다. 시스템에 설치해야하는 유일한 사람입니다. 수신자는 그러한 제한에 구속되지 않습니다. 수신자 쪽에서 페이지가 즉시로드되지 않으면 창 크기를 약간 조정하면 나타납니다.

Chrome 웹 스토어에서 DevTools Remote 설치

코멘트