내 중단 점이 의도 한 위치에서 벗어나는 이유

Question

자바 스크립트에서 아무 곳이나 설정하려고 할 때 Firefox Developer Edition에서 파일 끝으로 이동하는 중단 점의 동작이 발생합니다.

는 때때로 PC 또는 다음날를 다시 시작한 후에는 작동하고 있지만, 일부 코드가이 문제로 연결하거나 여부를 파이어 폭스 개발자 버전의 버그인지 내가 확실 해요.

Answer 1

실행 코드가없는 줄에 중단 점을 설정하면 디버거가 도움이되고 중단 점을 실행 가능한 코드에서 찾을 수있는 다음 가장 가까운 줄로 슬라이드합니다. 이미 가비지 수집 된 스크립트에서 중단 점을 설정할 수 있으므로 디버거가 줄에 실행 코드가 포함되어 있는지 여부를 알 수 없거나 해당 스크립트가 방금 가비지 수집되었는지 여부를 알 수있는 것은 아니기 때문에 이는 그리 쉽지 않습니다. .

소스 맵이 관련된 경우 디버거가 원본 소스의 어떤 줄이 중단 점을 설정 한 생성 된 소스의 줄과 일치해야하는지 파악해야하기 때문에 문제가 더욱 복잡해집니다. 현재 우리가 수행하는 방식이 항상 정확하지는 않으므로 현재 보는 것과 같은 문제가 발생할 수 있습니다.

그렇다면 중단 점이 왜 작동하지 않는지 설명 할 수있는 다른 것들이 있습니다. 예를 들어, 브레이크 포인트 위치를 바이트 코드 오프셋에 매핑해야합니다. 항상 정확하게 수행되는 것은 아닙니다.

이 문제를 해결하기 위해 현재 디버거에서 중단 점 코드를 적극적으로 리팩토링하고 있습니다. 따라서 회귀 분석 결과에 놀라지 않을 것입니다. 가장 좋은 방법은 bugzilla에 문제를 제기하는 것이고 이상적으로는 재현 할 단계를 만드는 것입니다.

희망 하시겠습니까?

Answer 2

설치 후 방화 광구를 설치하면 업그레이드를 허용하는 알파 버전으로 업그레이드하라는 메시지가 표시되므로 원하는 줄에 중단 점을 넣을 수 있습니다.

감사합니다.

Answer 3

방금이 문제가 발생하여 문제의 코드에서 구문 오류가 발생했습니다.

불쾌감을주는 "===="을 제거하자마자 코드 섹션에서 중단 점을 설정할 수있었습니다.

Answer 4

은 BREAK하지 마십시오 LINES

내 솔루션은 모든 것을 한 줄에

잘못된 구문 수 있도록 변수에 추가 행을 삭제하는 것이 었습니다 :

var inner_html = 
'<a> 
    <div class="list_autocomplete"> 
     <div class="image_autocomplete"> 
     <img src="'+ img_url + '"> 
     </div> 
     <div class="label_autocomplete">' + item.label + '</div> 
     <div class="description_autocomplete">' + item.description + '</div> 
    </div> 
</a>'; 

올바른 구문 :

var inner_html = '<a><div class="list_item_container"><div class="image"><img src="img/' + item.image + '"></div><div class="label">' + item.label + '</div><div class="description">' + item.description + '</div></div></a>';