Firefox 개발자 버전 검사기 도구에서 CSS 편집

검사기 탭Firefox 개발자 버전에 CSS 변경 사항을 저장하려고합니다.Firefox 개발자 버전 검사기 도구에서 CSS 편집

내가 아는 한, 스타일 편집기 탭에서 의 CSS 만 저장할 수 있지만 검사기 도구의 변경 사항은 반영되지 않습니다.

Inspector 탭에서 스타일 편집기에서 CSS를 편집 할 수 있습니까?

2014-11-10 user2068363

코드 검사기에서 변경 한 내용은 페이지 수명주기의 해당 인스턴스에만 저장됩니다. 페이지를 새로 고치면 페이지에서 사용한 CSS로 되돌아갑니다. ** 동일한 셀렉터가 포함 된 브라우저에서 사용자 정의 스타일 시트를 사용하지 않으면 다른 사람의 CSS를 변경할 수 없습니다 **. – TylerH

로컬로 내 웹을 수정하려고합니다. – user2068363

웹이 그렇게 작동하지 않습니다. 자신 만의 "웹"이 없습니다. "웹"은 세계 각국에서 액세스 할 수있는 전 세계 사람들이 게시 한 페이지 및 응용 프로그램 모음입니다. 그것은 전화를 거는 것과 같습니다. 어떤 전화 번호라도 부를 수는 있지만 상대방의 사람이 상대방을 통제 할 수 없기 때문에 상대방이 원하는 것을 말하게 할 수는 없습니다. 따라서 웹 사이트에서는 콘텐츠를 제어 할 수 없기 때문에 콘텐츠를 변경할 수 없습니다. 설계 한 대로만 상호 작용할 수 있습니다. – TylerH

크롬에서는이 문제를 해결할 수있는 좋은 해결책이 있습니다. 참조 : How to save CSS changes of Styles panel of Chrome Developer Tools?

Firefox에서는 아는 바가 없습니다. 참조 : https://support.mozilla.org/en-US/questions/967467

출처

2014-12-11 10:44:00 SunWuKung

더 나은 워크 플로우를 검색 할 때 Inspector를 변경 한 다음 해당 변경 사항을 저장하여 스타일 편집기에 반영 할 수 있음을 발견했습니다.

자동이 아니지만 한 번의 클릭으로 충분합니다.

인스펙터에서 변경 한 다음 파일 이름 : 행 번호 링크를 클릭하고 변경 사항을 저장하십시오. 아래의 시각 가이드를 참조하십시오.

개체를 검사하고 찾습니다.
파일 이름을 클릭 라인 번호 링크가 당신의 속성은 관리자에 표시되는 원래의 것을 볼 수 있습니다.
위로 가기 값을 변경하고 file-name : line-number 링크를 다시 클릭하십시오.
스타일 편집기의 값이 관리자에서 변경된 값으로 업데이트되었음을 알 수 있습니다. 이제 저장하고 다음 요소로 이동하십시오. 당신이 고급 키보드 단축키를 찾아야 할 수 있도록이 바로 가기가 나를 위해 작동하지 않습니다