웹 페이지에서 javaScript 코드를 어떻게 추출합니까?

나는 HTML과 자바 스크립트 코드가 혼합 된 HTML 파일을 리팩토링해야한다. 다양한 도구 (예 : gjslint)를 사용하려면 자바 스크립트 코드를 분리하고 싶습니다.웹 페이지에서 javaScript 코드를 어떻게 추출합니까?

자동으로 수행 할 수있는 도구가 있습니까? (내가 검색 한하지만 어쩌면 잘못된 용어를 사용하여, 아무것도 찾을 수 없습니다.)

덕분에 ...

2011-02-02 LB40

자바 스크립트를 손으로 마이그레이션하여 동시에 리팩토링하고 개선 할 수있는 최상의 방법. 나는 자동 추출 된 코드가 멋지다고 상상할 수 없다. – Raynos

예, 모든 JS 코드를 가져 와서 외부 .js 파일로 이동해야합니다. – 5arx

손으로 너무 많은 파일을 만들 수 있습니다 :-) – LB40

당신은 파이어 폭스는 모든 인라인 scirpts을 나열합니다 옵션 정보 ->보기 자바 스크립트를 가지고 있으며, 모두 여기에 스크립트를 포함에 그렇게

$('script').each(function(){ 
    alert($(this).html()) 
});

2011-02-02 10:45:09 Petah

우아한 솔루션, 그것을 좋아합니다 :) –

Nice! 나는 당신의 마음이 ;-) 그래도 쉽게 복사를 용이하게하기 위해 HTML 요소에 JS를 작성하는보다 실용적인 수 있습니다 작동 방법을 좋아한다 - $ ("#의 MyJSDiv") 텍스트 ($ (이).. html()); – 5arx

당신이 firebug를 설치하면 모든 내용을 표시합니다 "스크립트"라는 탭이 JavaScripts 파일.

편집 : 스크립트가 인라인 인 경우 많은 도움이되지 않는다는 것을 깨달았습니다. 다양한 다른 파일에 포함되어 있다면 여전히 유용합니다.

2011-02-02 10:41:24 Jakob

사용중인 편집기에 따라 다르지만 정규 표현식 검색을 수행하고 <script></script> 태그로 묶인 HTML/JS 혼합 텍스트 블록을 추출 할 수 있습니다.

2011-02-02 10:42:31 5arx

WebDeveloperToolbar 플러그인처럼 jQuery를 사용할 수있는 자바 스크립트와 자바 스크립트를 얻고 싶다면 잘라내어 원하는 것을 붙여 넣을 수 있습니다.

각 스크립트 태그 및 외부 파일에 대해 접을 수있는 섹션이있는 단일 웹 페이지로 제공됩니다.

그러나 <a href"" onclick="">과 같은 이벤트 핸들러는 불우하지 않게 나열되지 않습니다.

이 기능은 모든 웹 페이지에서 먼저 편집 할 필요없이 사용할 수 있습니다.

2011-02-02 16:04:51

thx ... 이벤트 처리기를 다루는 무언가를 찾고 있는데도 성공하지 못했습니다. – LB40

당신은 당신이 사이트를 시도 할 경우에만 태그를 추출 할 경우 https://js-download.com/

을 여기에 태그를 추출하고 그 결과 하나 개의 파일에 병합 될 것입니다.

2017-12-15 06:14:14 Heriba

답변