# JavaScript 및 CSS 코드 디버그

페이지에 JavaScript 또는 CSS 코드를 적용한 후 코드를 디버깅할 수 있습니다.

자바 스크립트 및 CSS 코드를 디버깅하기 위해 Google 크롬을 사용하는 것이 좋습니다. 디버그 도구는 Google 크롬 버전에 따라 다를 수 있습니다.

![](https://help.grapecity.com.cn/download/thumbnails/56532247/%E6%AD%A5%E9%AA%A41.png?version=1\&modificationDate=1611021620000\&api=v2) 응용 프로그램 실행을 클릭하여 로컬에서 미리 봅니다.![](https://help.grapecity.com.cn/download/thumbnails/56532247/image2018-1-4_11-55-2.png?version=1\&modificationDate=1611021620000\&api=v2)

![](https://help.grapecity.com.cn/download/thumbnails/56532247/%E6%AD%A5%E9%AA%A42.png?version=1\&modificationDate=1611021620000\&api=v2) 브라우저에서 F12 키를 눌러 개발자 도구를 열고 \[Sources]를 선택합니다.

![](https://help.grapecity.com.cn/download/thumbnails/56532247/%E6%AD%A5%E9%AA%A43.png?version=1\&modificationDate=1611021620000\&api=v2) 각 파일 및 위치는 아래 그림과 같이 실제 비즈니스에 따라 JavaScript 및 CSS 코드를 디버깅할 수 있습니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2FVQMtE5mCr5FXbedcgmdN%2Fimage.png?alt=media&#x26;token=40ecba0d-3c21-4183-88d2-29f959132d73" alt=""><figcaption></figcaption></figure>

여기서:

* 명령 JavaScript는 JavaScript 명령의 코드입니다.
* 응용 프로그램 JavaScript는 \[옵-> 사용자 정의 JavaScript/CSS 코드]의 JavaScript 파일을 나타냅니다.
* 응용 프로그램의 CSS는 \[옵]-> 사용자 정의 자바 스크립트 / CSS 코드에서 CSS 파일을 의미한다.<br>
* 페이지 설정의 JavaScript는 페이지 설정에 업로드된 JavaScript 파일입니다.