Firebug에서 변경 한 내용을 어떻게 저장 / 내 보냅니 까?

Firebug를 사용하여 CSS를 편집 할 때 CSS 변경 사항을 저장 / 내보내기하려면 어떻게해야합니까?

도구 : Firefox , Firebug

주요 업데이트 : FireFox 탭에서 앞으로 / 뒤로 / 새로 고침을 잠그는 방법을 알고 있다면 알려주십시오. 그렇지 않으면 CSS의 IDE로 FireBug / FireDiff를 사용하는 것을 포기했지만 훌륭합니다.하지만 잘못된 시간에 백 스페이스를 누르면 모든 작업이 사라졌습니다. 따라서 Firebug에서 CSS / HTML을 강조 표시하는 브라우저가 정말 좋습니다. 이 작업을 수행하는 좋은 CSS 편집기를 알고 있습니까? FireBug가 제대로 작동하기를 희망했지만 지금은 임시 검사 및 테스트에 적합하다고 생각합니다. 그것이 무엇을 위해 그것을 사용하는 것을 의미합니다.

업데이트 :

@ Lèse majesté : 업데이트와 마찬가지로 " Web Developer add-on "을 사용하면 CSS를 편집 할 수 있지만 Firebug에서 수행 한 CSS 변경 사항을 편집 / 저장할 수는 없습니다. Firebug를 사용하여 변경 사항을 식별하고 테스트 할 수 있지만 Firebug의 변경 사항을 저장할 수는 없습니다. FF + FB + WD를 함께 사용하는 방법을 다루는 "방법"입니다.

@ 왕실 모독죄 : 아직 놀아 FireDiff . 정상적으로 작동하고 이미 버그를 발견했지만 (찾을 수는 있지만) 찾을 수 없었던 "방법"이 없으므로 모든 기능을 시도하고 클릭하고 있습니다. 예를 들어 diff를 내보내려면 목록의 마지막 항목 위에 마우스 오른쪽 단추를 클릭하고 "Diff 저장"을 선택해야합니다. ".diff"는 텍스트 파일 일뿐입니다.이 시점에서 ext가 .diff 인 이유는 모르겠습니다. .

실제로 스타일 및 DOM 변경 사항을 내보낼 수있는 FireDiff 라는 FireBug 플러그인 이 있습니다.

또는 웹 개발자 추가 기능 을 사용하여 CSS를 저장할 수 있습니다 .

마지막으로 FireBug는 Fireclipse를 사용하여 Eclipse에 연결되어 CSS를 저장할 수 있습니다 .

더 많은 솔루션을 보려면 이 StackOverflow 질문 을 참조하십시오 .

Firebug가 변경 사항을 기록하지 않기 때문에 약간의 창의력을 발휘해야합니다. HTML / CSS를 복사하여 txt 파일에 붙여 넣을 수 있습니다. 그런 다음 비교 소프트웨어를 사용하여 변경 사항을 식별 할 수 있습니다. 내가 사용 하는 텍스트 편집기 에는이 기능이 내장되어 있지만 사용할 수있는 옵션이 많이 있습니다.

클라이언트 / 서버 스크립트 (현재 javascript / C #) 인 Backfire를 찾고 있습니다. Firebug가 필요하지 않으며 (Firebug 애드온이 아님) Firefox 및 Webkit 기반 브라우저에서 모두 작동합니다. Backfire를 사용하면 원하는 방식으로 페이지 상태를 변경 한 다음 (Firebug가 좋은 방법 임) 저장 단추를 클릭하여 변경 사항을 서버에 저장할 수 있습니다.

구현 측면에서, 저장을 클릭하면 서버 측 코드에 변경 사항 목록이 포함 된 게시물이 수신되며 Backfire를 다운로드하면 CSS 파일에 변경 사항을 저장하는 방법을 보여주는 구현 예제가 표시됩니다. 원본 CSS 파일의 구조를 유지하면서 여러 파일과 Firefox에서 짧은 CSS 규칙 등으로 작동합니다.

cssUpdater를 사용하십시오 ( "파이어 버그 변경 사항을 저장하는 방법"을 인터넷 검색 할 때 첫 번째 실제 적중). 이를 통해 FireBug에서 한 번의 클릭으로 FireBug 변경 사항 (FTP 지원 포함)을 저장할 수 있습니다. http://cssUpdater.com 에서 추가 정보