Firefox 개발자 도구에서 열 너비를 변경할 수 있습니까? 내가 어떻게 해?Firefox에서 열 크기 변경 개발자 도구
전체 화면을 볼 수 있도록 열 가장자리 (예 : 스크린 샷의 상태 등)를 가리킬 때 크기 조정 도구가 없습니다.
Firefox 개발자 도구에서 열 너비를 변경할 수 있습니까? 내가 어떻게 해?Firefox에서 열 크기 변경 개발자 도구
전체 화면을 볼 수 있도록 열 가장자리 (예 : 스크린 샷의 상태 등)를 가리킬 때 크기 조정 도구가 없습니다.
열 크기 (FF57 기준)를 변경할 수있는 옵션이 없다는 것을 알고 계실 것입니다. 당신이 가진 유일한 옵션은 열 숨기기/표시입니다. 쉽게 할 수 있습니다. 어떤 열에도 right-click
만 있으면 열 목록을보고 선택할 수 있습니다.
하지만 그게 전부 야?!
CSS
(dev에 도구를 해킹)를 사용하여 컬럼 (들) 크기를 변경할 수 있습니다, 여기에 단계입니다 기어 버튼, 위쪽 오른쪽 모서리확인이 2 옵션 :
Enable browser chrome and add-on debugging toolboxes
Enable remote debugging
는 Ctrl+Shift+Alt+I
히트와 사용자가 연 브라우저 도구 상자를 사용하여 Dev tools
을 검사 할 수 있어야한다 Browser Toolbox
OK
을 클릭CSS
(같은과 웹 페이지)userChrome.css
파일에 사용자 정의 CSS
을 저장-userChrome.css
, 머리에 대한 더 많은 정보를 필요가 작성하는 단계입니다/수정 userChrome.css
:
about:support
Open Folder
Profile Folder
에서) 열기/만들기 chrome
디렉토리내가 빨간색으로 Network tab
의 열 중 하나의 배경 색상을 변경, 그것이 어떻게 작동하는지 보여주기 위해 첫 번째 섹션에서 말을합니까 userChrome.css
파일
그리고 여기 당신이
을 할 수있는 경우에 그 중 사용하지 않는, 그냥 시간을 위하여!important
을 사용 .requests-list-file.requests-list-column {
background-color: red !important;
color: #fff !important;
}
(위의 예에 대한 ) 내 userChrome.css
파일 내용입니다
아니, 그것은 불가능합니다. Firefox는 dev 도구 UX의 측면에서 여전히 Chrome 뒤에 있습니다. BTW 난 여기도 대답을 찾고 있고 당신 같은 Google 페이지를 검사하고있어 ...