파이어 버그에서 편집 할 js 파일 찾기

Question

파이어 버그를 사용하여 마젠타 테마를 편집하고 있습니다. 특정 요소에서 나는 편집하고 싶은 element.style 속성을 얻고 있습니다. 이제 편집 할 JS 파일을 어떻게 알 수 있습니까?

Answer 1

불을 지르고 확실

하지,

을하지만 리눅스를 사용하는 경우이 명령을 시도 할 수 있습니다,

그렙 "element.style"-rn.

Answer 2

스타일이나 다른 것을 변경하고 싶습니까? 특정 요소의 스타일을 변경하려는 경우, 그냥 단계에 따라

1. F12
2. 선택 당신이에서 봐 지르고 창에서
3. 을 변경하려는 요소에 도구
4. 클릭을 검사 오른쪽 및 확인 스타일의 탭은 특정 속성

요하는 경우의 값에

그냥 클릭 한 번을 선택 해결책을 찾지 못했습니다. 문제의 비트를 분명히 결정하십시오.

Answer 3

자바 스크립트를 통해 요소와 상호 작용하려는 경우 Firebug에서 콘솔 기능을 사용할 수 있습니다. 콘솔로 이동하여 사용을 클릭하면 자바 스크립트처럼 코드 입력을 시작할 수 있습니다.

예, 방금 콘솔에서 자바 스크립트를 입력 할 수 있습니다 특정 요소의 z-index 속성을 확인하고 싶다면 :

document.getElementById("idOfElement").style.z-index 

및 입력 쳤을 때 당신을 말해야한다. 자바 스크립트 파일에 오류가있는 경우 오류를 볼 수도 있습니다.

z-index 속성에서이 변경을 커밋하고있는 Javascript 파일을 찾고 있는데 자바 스크립트 때문에 100 % 확신하는 경우 디버거를 사용할 수 있습니다. 스크립트 탭. 여러 자바 스크립트 파일을 다루는 경우, JS 파일이 어떤 파일인지 판단 할 수있는 방법이 확실하지 않습니다. 직접 파기해야 할 것입니다. 디버거를 사용하면 JS 파일을 단계별로 실행하고 단계별로 변경 사항을 확인할 수 있습니다.

익숙하지 않은 경우 디버거를 사용하는 방법은 여기 tutorial입니다. 희망이 도움이됩니다.