본문 바로가기 메뉴 바로가기

cs09g 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

cs09g 블로그

검색하기 폼
  • 분류 전체보기 (58)
    • Git (9)
    • Open source (0)
      • Openlayers (0)
    • 프론트엔드 (16)
    • Javascript (15)
    • Mozilla (0)
    • 개발환경 (13)
      • Windows (4)
      • Linux (5)
      • Mac (3)
    • 생각 (3)
    • 여행 (1)
    • 엑셀 (0)
  • 방명록

chrome (2)
안드로이드 기기에서 실행중인 크롬, PC 크롬으로 디버깅하기

1. 기기의 개발자 옵션에서 USB debugging 활성화 2. 기기에서 크롬 켜기 3. PC 크롬에서 주소창에 chrome://inspect/#devices 입력후 접속 4. Devices 탭에서 'Discover USB devices' 체크 5. 디버깅할 도메인을 'Open tab with url'에 입력 후 'Open' 클릭 여기까지는 기본 적인 내용이고, 로컬에서 개발중인 사이트를 디버깅 하기 위해서는 몇 가지 작업이 더 필요하다. 1. 포트 포워딩 'Port forwarding...' 버튼을 누르면 아래와 같은 창이 나타난다. abc.com:1234 로 접속했을 때 abc.com:5678 로 연결을 원한다면, Port: 1234, IP address and port: abc.com:5678 를..

프론트엔드 2021. 1. 16. 00:04
크롬 개발자 도구의 하이라이팅 에러 & VM***

크롬 개발자 도구로 디버깅을 하던 도중, 작성한 파일명이 아닌 VM으로 시작하는 파일이 열리며 하이라이팅이 잘못 표시되는 현상이 발생했다. VM으로 시작하는 파일은 블랙박스로 간주되는 것으로 eval, iframe 등을 사용하면 나타난다고 하는데, 내 코드에는 그런 부분이 없었다. 같은 이름의 파일이 여러번 로드되면 그런 경우가 발생할 수도 있다고 하는데, 코드에서 여러번 같은 파일을 로드하지도 않았다. 중단점과 관련한 이슈가 많았는데 그런 경우에는 debugger라는 키워드를 코드에 삽입하여 코드를 중단시키면 된다는 것이었는데 나의 경우에는 중단점이 걸리긴 하나 중단점과 무관한 위치에서 코드가 멈추어 있었다. 개발자도구를 껐다가 다시 켜고, 캐시도 제거해보았으나 현상은 계속 발생하였다. 그러던 중 UR..

프론트엔드 2020. 6. 3. 10:26
이전 1 다음
이전 다음
반응형
공지사항
최근에 올라온 글
  • 이 페이지의 스크립트에서⋯
  • subprocess가 죽지 않을 때
  • [typescript] enum과 cons⋯
  • curl --upload-file 파일⋯
최근에 달린 댓글
  • 이게 커뮤니티가 아니라 실무⋯
  • 어디서 주워들은 AOS라는 말⋯
Total
44,827
링크
  • Firefox
  • Mozilla Hacks Korea
TAG
  • Safari
  • testing
  • Android
  • 사이트성능측정
  • fetch
  • setter
  • writeStream
  • ubuntu
  • csv-parser
  • Karma
  • 크롬
  • readStream
  • react
  • getter
  • 블랙스크린
  • Mac
  • event
  • bigsur
  • abortcontroller
  • git-checkout
  • nodejs
  • ios
  • chrome
  • Windows
  • JavaScript
  • GIT
  • bouncscroll
  • git-tag
  • 리소스모니터
  • no_fcp
more

Blog is powered by Tistory / Designed by Tistory