개발자 도구, 라이브 사이트 변경 사항 저장

-1

Firefox 또는 크롬에서 개발자 도구를 사용하는 경우 개발자 도구 스타일 시트가 변경된 후에 실제 스타일 시트를 수정할 때 나중에 변경 사항을 저장하는 방법이 있습니까?개발자 도구, 라이브 사이트 변경 사항 저장

2013-05-14 FluxEngine

브라우저 확장 프로그램이어야합니다. 브라우저 확장자를 찾는 데 도움이되는 다른 리소스 (이름 google)가 있으며, 이러한 특성에 대한 질문은 SO에 대한 주제로 간주됩니다. – Shmiddty

가장 쉬운 방법은 복사/붙여 넣기입니다.

개발자 콘솔/관리자에서 직접 변경 사항을 스타일 시트에 직접 저장할 수있는 방법은 없습니다.

2013-05-14 19:38:19 user1596138

예, 적어도 Chrome에서 가능합니다. Dev Tools의 Styles 패널 오른쪽 위에있는 더하기 기호를 클릭하여 변경하십시오. 그런 다음 드롭 다운에서 'inspector-stylesheet'를 선택하고 변경 사항을 입력하십시오.

이제 스타일의 오른쪽에있는 링크를 클릭하면 소스 패널의 검사기 스타일 시트로 이동합니다. 거기에서 모든 스타일을 볼 수 있습니다. 이제 해당 창에서 마우스 오른쪽 버튼을 클릭하고 '다른 이름으로 저장'을 선택하십시오. 작업 완료.

2014-12-18 17:25:19

사진을 추가 할 수 있습니까? 검사기 스타일 시트에 대한 링크가 어쨌든 +1인지 확실하지 않습니다. 찾았습니다. 감사합니다. :) – Arjang

답변