«google-chrome-devtools» 태그된 질문

Chrome DevTools는 Chrome에 내장 된 웹 개발자 도구입니다.

4
다른 요소를 마우스 오버 / 입력 할 때만 나타나는 요소 검사
종종 다른 요소를 마우스 오버 / 입력 할 때만 나타나는 요소 (예 : 툴팁)를 검사하고 싶습니다. 나타나는 요소는 jQuery의 mouseenter 이벤트를 통해 표시됩니다. 마우스가 포함 된 요소를 떠날 때 도구 설명이 사라지기 때문에 도구 설명을 검사 할 수 없습니다. 요소 위로 마우스를 가져간 다음 브라우저의 JS를 일시 중지하고 성공적으로 검사 …
1
Chrome> = 24-devtools를 오른쪽에 도킹하는 방법?
저는 devtools를 오른쪽에 도킹하는 것을 좋아합니다. 더 이상 화면을 분할하고 창을 수동으로 배치 할 필요가 없다는 것을 깨달았을 때이 옵션을 처음 보았을 때 얼마나 기뻤는지 기억합니다. 옵션이 누락 된 것으로 보이는 최신 버전의 크롬. 이미 오른쪽에 devtools가있는 내 설치에서도 옵션이 제거됩니다. 어디로 갔습니까?
20
Chrome에서 마우스 커서를 올린 요소를 검사 하시겠습니까?
Chrome의 개발자 도구를 통해 사이트에서 툴팁이 어떻게 구성되는지 보려고합니다. 그러나 항목 위로 마우스를 가져가도 "요소 검사"를 수행하면 html의 도구 설명에 대해 아무것도 표시되지 않습니다. 스타일을로 설정할 수 :hover있지만 여전히 툴팁의 html 또는 css를 볼 수 없습니다. 어떤 아이디어?
12
React Native에서 네트워크 요청 (디버깅 용)을 어떻게 볼 수 있습니까?
디버그를 돕기 위해 React Native에서 내 네트워크 요청을보고 싶습니다. 이상적으로는 Chrome devtools의 '네트워크'탭에 있습니다. GitHub ( https://github.com/facebook/react-native/issues/4122 및 https://github.com/facebook/react-native/issues/934 ) 에 이에 대한 몇 가지 닫힌 문제가 있지만 저는 그렇지 않습니다. t 완전히 이해합니다. React Native의 폴리 필 중 일부를 실행 취소 한 다음 추가 디버깅 플래그로 일부 명령을 실행하고 …
9
호버 요소를 "검사"하시겠습니까?
참고 : 비슷한 스레드를 읽었지만 내 문제는 없습니다. 마우스 오른쪽 버튼으로 클릭하면 사라집니다. Chrome에서 "Inspect Element"는 매우 귀중한 도구입니다.하지만 최근에 많은 분들이 이미 가지고있는 마법사 방식을 배우면서 탐색 표시 줄에 요소에 대한 하위 메뉴를 만드는 것을 보았습니다. 상위 항목. 팝업 (또는 아래)은 내가 원하는 스타일이 아니므로 마우스 오른쪽 버튼을 클릭> …
3
섀도우 루트 란?
Chrome의 개발자 도구 #shadow-root에서 <html lang="en">태그 바로 아래에 표시됩니다. 그것은 무엇을하고 무엇을 위해 사용됩니까? Firefox 나 IE에서는 볼 수 없습니다. Chrome에서만이 기능이 특별한가요? 내가 쇼를 열 경우 <head>와 <body>라는 이름 옆에 링크를 reveal클릭하여, 그것을 가리키는 <head>과 <body>, 아무것도 다른.
4
Chrome 개발자 도구에서 특정 파일로 이동하는 방법은 무엇입니까?
무거운 프런트 엔드 접근 방식으로 웹 응용 프로그램을 개발 중입니다. Dojo와 AMD-way를 사용함으로써 저는 현재 수백 개의 다른 자바 스크립트 파일을 쉽게로드 할 수있는 테스트 화면을 가지고 있습니다. 특정 문제를 디버깅하거나 특정 파일의 이전 버전이 표시되는지 확인하고 싶을 때 Chrome 개발자 도구의 소스 탭에서 내 파일을 찾기가 정말 어렵습니다. 파일 …
3
색상 선택기 (점 안기)를 사용하는 방법은 무엇입니까?
내가 방금 발견 한 크롬 개발 도구에 내장 된 매우 유용한 도구가 있습니다. 이름도 모르고 Google에서도 찾을 수 없습니다. 픽셀 인스펙터 도구라고 할 수 있습니다. 사용 방법은 다음과 같습니다. 1a. 배경색으로 html 요소를 검사합니다. 1b. 요소의 배경색을 정의합니다. 색상 선택기를 클릭하십시오. 페이지의 요소 위로 마우스를 이동합니다 (개발 도구가 아님). 참조 …
2
Google 크롬 모바일 에뮬레이터 : 화면 키보드에 표시하는 방법
Chrome의 모바일 에뮬레이션 도구를 통해 웹 사이트의 모바일 버전을 디버깅하고 있지만 텍스트 필드를 선택할 때 화면 키보드 팝업을 표시하는 방법을 알 수 없습니다. 텍스트 상자를 클릭했지만 키보드가 나타나지 않습니다. 모바일 장치에서이 작업을 수행하면 기본 입력 방법 (키보드)이 나타나고 입력 할 수 있습니다. 이것을 복제하는 방법이 있습니까?
3
Chrome에서 인라인 자바 스크립트 리디렉션 전에 자바 스크립트 중단
인라인 자바 스크립트 리디렉션 ( window.location = "/anotherpage") 이있는 페이지를보고 있습니다. Chrome에서 페이지를로드하고 싶지만 리디렉션 라인을 비활성화하여 리디렉션되지 않고 페이지를 사용할 수 있습니다. 내가 시도한 것은 다음과 같습니다. 개발자 도구-> Cog-> 일반-> JavaScript 비활성화. 페이지를로드하십시오. 리디렉션하지 않습니다 (예!). 하지만 여전히 페이지의 나머지 자바 스크립트가 실행되기를 원하지만 실행되지 않았습니다. URL을 입력 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.