>  기사  >  웹 프론트엔드  >  크롬에서 자바스크립트를 실시간으로 수정하는 방법

크롬에서 자바스크립트를 실시간으로 수정하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-04-15 17:32:1213260검색

방법: 1. f12를 눌러 "개발자 도구" - "소스 탭"을 열고 대상 파일을 찾습니다. 2. 로컬에 빈 폴더를 만들고 대상 파일 경로와 동일한 파일 구조를 만듭니다. 3. "재정의"를 엽니다. "탭을 사용하여 이전 폴더를 가져옵니다. 4. "소스 탭"에 코드를 작성하기만 하면 됩니다.

크롬에서 자바스크립트를 실시간으로 수정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

때때로 우리는 다른 사람 웹사이트의 운영 메커니즘을 연구해야 합니다. 이는 필연적으로 운영 효과를 확인하기 위해 프런트엔드 스크립트에 일부 디버깅 코드를 삽입하는 것을 의미합니다. chrome65 이전에는 대상 웹페이지의 Developer Toolssource 탭target JS/CSS 파일을 열고 해당 위치에 코드를 작성하고 저장하여 변경 사항의 효과를 확인할 수 있었습니다. chrome65 이후에는 로컬 코드 교체가 필요합니다. 이 글에서는 온라인에서 JS를 수정하는 효과를 얻기 위해 크롬에서 온라인 코드를 로컬 코드로 교체하는 방법을 소개합니다.

1. 수정할 파일의 네트워크 위치를 확인하려면:

크롬에서 자바스크립트를 실시간으로 수정하는 방법

2. 임의의 이름으로 로컬에 빈 폴더를 만듭니다.

3. 이전 단계의 빈 폴더에 대상 파일 경로와 정확히 동일한 파일 구조를 만듭니다. 예에서 xxx.com과 같은 도메인 이름도 해당 폴더를 만들어야 합니다.

크롬에서 자바스크립트를 실시간으로 수정하는 방법

4. 재정의 탭을 열고 방금 빈 폴더를 가져오면 가져온 대상 파일이 이미 활성화되어 있는 것을 볼 수 있습니다. :

크롬에서 자바스크립트를 실시간으로 수정하는 방법

페이지를 새로 고치면 효과가 이미 있습니다.

크롬에서 자바스크립트를 실시간으로 수정하는 방법

이 수정 방법은 지속됩니다. 즉, 컴퓨터를 종료하고 다시 시작한 다음 대상 웹페이지를 열어도 대체 효과는 여전히 존재하며 대상 파일에 로컬로 수정된 사항은 페이지에 동기화되므로 사용이 매우 쉽습니다!

【추천 학습: javascript 고급 튜토리얼

위 내용은 크롬에서 자바스크립트를 실시간으로 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.