Google 크롬에서 jsfiddle.net의 자바 스크립트 검사

Google 크롬에서 jsfiddle.net의 자바 스크립트 검사

---

jsfiddle.net에 입력 된 자바 스크립트 코드에서 Google 크롬 검사기를 사용하여 중단 점을 설정할 수 있습니까?

개발자 도구의 스크립트 탭으로 이동하면 많은 스크립트가 표시되지만 내 스크립트가 어디에 있는지 또는 거기에서 찾을 수 있는지 전혀 모릅니다. 과거에는 console.log 작업을 수행했지만 중단 점을 설정하고 싶습니다.

(가능하지 않다면이 시나리오에서 자바 스크립트를 검사하는 다른 방법에 관심이 있습니다.)

---

개발자 도구의 스크립트 탭 아래에서 fiddle.jshell.net드롭 다운에서 선택 하는 경우 20-30 행 (사용중인 CSS 양에 따라 다름) 주위 <script>에 자바 스크립트 바이올린 창에서 코드가 포함 된 태그가 표시됩니다. 여기에서 중단 점을 설정할 수 있습니다.

콘솔 컨텍스트를 변경하여이 프레임에 대해 콘솔의 코드를 평가할 수도 있습니다.

---

디버거 호출은 jsfiddle에서 잘 작동합니다. 디버깅을 시작하려는 위치에 다음 줄을 입력하십시오.

debugger;

디버거는 크롬, 파이어 버그 및 IE 개발 도구에서 디버그 모드를 시작하는 데 적합하지만 일반적으로 디버거를 시작해야합니다 (예 : IE에서 "디버깅 시작", 파이어 버그 / 개발자 도구 열기).

---

또 다른 트릭은 다음 구문을 사용하여 편집기없이 바이올린을 표시하는 것입니다.

<normal path to your fiddle>/show/light/

예 : jsfiddle-link

---

개발자 콘솔에서 탭으로 이동 소스 (왼쪽) 소스 트리 표현을 열고 열 fiddle.jsshell.net노드, 다음 클릭 _display다음을, (index)당신은 당신의 코드를 볼 수 있습니다.

코드를 저장하면이 _display참조가 fiddle-reference/version/show. 예를 들어 JsQfE/2/show (내가 아는 한 존재하지 않지만 예로서 작업을 수행합니다) .

참고 URL : https://stackoverflow.com/questions/5655058/inspecting-javascript-on-jsfiddle-net-in-google-chrome