2009-05-12 6 views
9

html로 변경 한 내용을 검사 할 수 있도록 어떻게 방화 고리에서 Javascript를 정지시킬 수 있습니까? 예를 들어 jQuery 롤오버 효과가 있고 그 시점에서 html 코드를 검사하고 싶습니다.Firefox Firebug 확장 - Javascript 기능 고정?

Dreamweaver CS4에는 동결 자바 스크립트 및 라이브 코드라는이 기능이 있다고 생각합니다. Firebug 또는 다른 Firefox 확장 프로그램에 무료로 제공되는 프로그램이 있습니까?

+2

이것은 내가 언급 한 기능입니다. http://tv.adobe.com/?promoid=DRHWV#vi+f1500v1436 1:36 그들은 라이브 코드에 대해 이야기하고 롤오버를 위해 자바 스크립트를 일시 중지합니다. 코드를 거치고 중단 점을 만들기보다는 파이어 버그에서 자바 스크립트를 일시 중지하는 키보드 단축키가 있습니까? – ritch0s

답변

6

"고정"으로 말하자면 디버깅을 의미하는 것으로 가정하고, 예, 방화범이 들었습니다.

먼저 파이어 버그의 스크립트 탭으로 가야합니다. 스크립트가 사이트에서 비활성화 된 경우 활성화하십시오.

이제 드롭 다운으로 이동하여 디버깅 할 JavaScript 파일을 선택하십시오. 이것은 일반적으로 인라인 JavaScript가있는 페이지 자체이거나 링크 된 페이지입니다. 고정시키고 자하는 코드 줄을 찾아서 줄 번호의 왼쪽을 클릭하십시오. 빨간색 점이 나타납니다.이 점은 실행 중에 코드가 멈추는 것을 나타냅니다. 코드가 있으면 "HTML"탭으로 이동하여 현재 HTML에 액세스 할 수 있습니다. Firebug의 스크립트 창의 오른쪽 상단 모서리에있는 아이콘이 켜지면서 각 코드 줄에서 실행, 단계 실행, 단계 실행 또는 단계 실행을 수행하고 실행 된 각 줄의 HTML 변경 사항을 관찰 할 수 있습니다.

Firebug를 사용하면 코드별로 단계별 실행이 가능하므로 모든 코드가 한 줄로 압축 된 최소화 된 JavaScript 파일은 디버깅에 절대적으로 지장이 없다는 것을 의미합니다. . 따라서 디버깅을 위해 최소화되지 않은 버전의 파일을 가져 오는 것이 좋습니다.

도움이 더 필요하면 좋은 가이드가있는 Firebug documentation을 확인하시기 바랍니다.

+0

특히, 저격병 자바 스크립트 디버깅에 관한 저스틴 팔머 (Justin Palmer)의 튜토리얼은 매우 훌륭합니다. http://is.gd/gCtT – montrealist

+2

내가 찾던 정확한 기능은 아니지만 답변을 주셔서 감사합니다. – ritch0s

+3

이 답변의 문제점은 실행을 일시 중지하기 위해 JS (올바른 파일은 말할 것도없고)에서 올바른 위치를 찾는 것이 항상 쉬운 것은 아니라는 것입니다. 유스 케이스는 종종 사용자가 설계자 인 경우 HTML을 구조를보기에 충분히 오래 변경하지 못하도록하려는 경우입니다. – joachim

0

Firebug의 Script 탭에서 코드를 단계별 실행하고 시계를 설정하고 다른 디버거에서 할 수있는 작업을 수행 할 수있는 Javascript에서 중단 점을 설정할 수 있습니다. HTML 탭으로 전환하여 Javascript가 "고정 된"동안 변경된 사항을 확인할 수도 있습니다.

0

방화 광에서 스크립트 탭으로 이동하십시오. 상단에서 다음을 볼 수 있습니다.

Inspect | all | <filename> 

추적하려는 javascript가 포함 된 파일을 선택하려면 클릭하십시오. 파일을 선택했으면 줄 번호를 클릭하여 가상 점을 입력합니다 (큰 빨간색 점이 나타남).

여러 파일에 여러 개의 중단 점을 넣을 수 있습니다. 페이지를 새로 고치면 중단 점이 사라지지 않습니다 (F5).

tutorial도 도움이 될 것입니다.

6

중단 점 (html 탭을 선택하면 일시 중지 버튼)에서이 기능을 찾을 수 있습니다. 다음에 무언가가 변경되면 일시 중지됩니다. 그것은 단지 당신이 원하는 것에서 벗어나지 만 유용 할 수 있습니다.

+0

버튼이 작동하지 않습니다 @ my ff26 with fb 1.12.4 –

2

정확히 파이어 폭스의 기능을하지만, (적어도 제가 질문을 이해하는 방식에) 충분히 가까이 나타납니다

  1. 확인 "speedhack 수 있도록"
  2. CheatEngine
  3. 열기 파이어 폭스 프로세스를 가져옵니다 속도를 0으로 설정
  4. 적용
  5. 이제 모든 스크립트가 효과적으로 일시 중지됩니다.

자바 스크립트 시계 here에서 테스트 할 수 있습니다.

저는 아무도 파이어 폭스 용 플러그인을 만들지 않았다고 생각합니다.

관련 문제