Firebug는 CSS 편집을 위해 찾은 가장 편리한 도구입니다. 왜 CSS를위한 간단한 “저장”옵션이 없습니까?
나는 항상 Firebug에서 조정을 한 다음 원래 .css 파일로 돌아가서 조정을 복제하고 있습니다.
더 나은 솔루션을 가진 사람이 있습니까?
편집 : 코드가 서버에 저장되어 있음을 알고 있지만 대부분의 경우 내 웹 사이트를 만들 때 사용합니다.
Firebug는 서버에서 다운로드 한 .css 파일 Firefox를 사용하고 있으며 파일을 편집하는 줄을 정확하게 알고 있습니다. 새로운 .css 파일을 저장할 수있는 “내보내기”또는 “저장”옵션이없는 이유를 알 수 없습니다. (그러면 리모컨을 교체 할 수 있습니다).
임시 위치를 찾고 파일 > 저장 …을 선택하고 Firefox의 출력 옵션을 시험해 보았지만 여전히 방법을 찾지 못했습니다.
편집 2 :
공식 토론 그룹에는 많은 질문 이 있지만 답변은 없습니다.
답변
나는이 기능을 정확하게 찾고, 즉 편집 된 CSS속성을 원래 파일 (로컬 개발 시스템)에 다시 저장할 수 있습니다. 불행히도 많이 검색하고 내 요구에 맞는 것을 찾지 못하면 (OK, CSS 업데이터가 있지만 등록해야하며 유료 확장 프로그램입니다 …) Firefox + Firebug를 포기하고 Chrome과 비슷한 것을 찾았습니다. 무엇을했는지 … 방금이 기능을 작동시키는 좋은 방법을 보여주는이 훌륭한 게시물을 찾았습니다 (Chrome에 내장되어 있습니다-추가 확장이 필요 없습니다).
Chrome 개발자 도구를 사용하여 로컬 파일 시스템에서 CSS 및 저장 변경
나는 지금 그것을 시도했고 변경된 줄을 강조하는 것이 효과적입니다. 저장을 클릭하면 완료됩니다. 🙂
다음은이 훨씬 더 설명하는 비디오의 구글 I / O 2011 : 크롬 개발 도구 리로디드
CSS 파일을 편집하는 동안 브라우저를 변경하는 것이 중요하지 않은 경우 도움이되기를 바랍니다. 지금은 이미 변경했지만 Firebug 에이 기능을 내장하고 싶습니다. 🙂
[업데이트 1]
오늘 나는이 비디오를 보았습니다 : Sublimetext의 Firefox CSS 라이브 편집 (작업 진행 중) 실제로 유망한 것처럼 보입니다.
[업데이트 2]
Web Essentials 와 함께 Visual Studio 2013 을 사용 하는 경우이 비디오와 같이 CSS를 자동으로 동기화 할 수 있습니다.
답변
방금 버그가있는 in-the-moment-freestyle-css ‘가
우연히 다시로드되거나 그 밖의 것들에 의해 날아 갔을 때 , 지금 까지도 꽤 오랫동안 궁금해졌습니다 ….
내 의도와 목적을 위해 마침내 도구를 찾았습니다 …. : FireDiff .
“변경”이라는 새로운 탭, 아마도 이상한 David Bowie 참조를 제공합니다. 어떤 방화범을 보았는지 저장할 수있을
뿐만 아니라 페이지 자체의 변경 사항을 추적 할 수도 있습니다.
그래서 내가 만드는 모든 CSS 규칙 을 다시 입력하거나 다시 상상하고 다시 입력하지 않아도됩니다 .
다음 은 개발자와의 링크입니다 (처음으로 흩어지지 마십시오 . Mozilla Add-On 리포지토리로 바로 넘어갈 수 있습니다) .
답변
웹 개발자 애드온 하자 당신이 당신의 편집 내용을 저장합니다. Firebug 편집 기능과 Web Developer의 저장 기능을 결합하고 싶습니다.
수정 된 CSS를 디스크에 저장 하려면 ” 저장 “버튼을 사용하십시오 (CSS 메뉴-> CSS 편집 클릭).
추천 : 다른 탐색을 위해 탭을 변경할 때 변경 사항을 잃지 않도록 하려면 ” 스틱 “버튼을 사용하십시오 . 가능한 경우 하나의 탭만 사용하여 관련 검색, 웹 메일 등의 편집 및 기타 파이어 폭스 창을 수행하십시오.
답변
방금 mozilla addon 샌드 박스에서 방화범 애드온 을 출시했습니다 .
https://addons.mozilla.org/en/firefox/addon/52365/
실제로 요청시 “터치 된”CSS 파일을 웹 서버에 저장합니다 (단일 파일 웹 서비스 PHP 스크립트와의 통신).
내 홈페이지 또는 애드온 페이지에서 설명서 를 찾을 수 있습니다.
아직 초기 베타 버전이지만 테스트, 버그 보고서, 의견, 평가, 토론에 감사드립니다.
답변
CSS-X- 파이어
나는 이것이 여전히이 질문에 포함되지 않은 것에 놀랐지 만 아마도 새로운 것이기 때문에 저자는 아직 그것을 홍보 할 시간이 없었기 때문이다.
CSS-X-Fire 라고하며 IntelliJ IDEA, PHPWebStorm, PyCharm, WebStorm, RubyMine 과 같은 JetBrains IDE 용 플러그인입니다 .
작동 방식 :이 IDE 중 하나를 설치하고 배포를 구성합니다 (FTP 및 SCP 지원). 이를 통해 서버와 동기화 상태를 유지할 수 있습니다.
그런 다음이 플러그인을 설치합니다. 시작되면 Firebug와 IDE를 통합하기 위해 Firefox 용 플러그인을 설치하라는 메시지가 표시됩니다. 플러그인을 설치하지 못하면 드래그 앤 드롭 기술을 사용하여 설치하십시오.
일단 설치되면 Firebug의 모든 변경 사항을 추적하고 IDE 내부에서 간단한 클릭으로 적용 할 수 있습니다.
FireFile
FireFile은 수정 된 CSS를 업로드 할 수 있도록 하나의 작은 PHP 파일을 서버 측에 추가해야하는 대안입니다.
