블로그 이미지
ssun++

카테고리

[전체] (73)
Android (7)
JavaScript (9)
CI (5)
Language (14)
ETC (38)
Total324,886
Today0
Yesterday2
[시작]
Inspector의 리소스 사용에 대해 알아봅니다. (windows 포팅 기준)


[Inspector]
크롬에는 "Developer Tools"라는 이름으로 들어가 있는 기능입니다.
(오른 클릭 -> 요소 검사 or 단축키 F12)

 
출력되는 내용은 html, js, css로 구성되어있으며 WebCore와 연동됩니다.


[리소스 복사]
원본 리소스는 아래의 파일들입니다.

  • WebCore/inspector/front-end/모든 파일
  • <빌드 경로>/obj/WebCore/DerivedSources/InspectorBackendStub.js
  • WebCore/English.lproj/localizedStrings.js
  • WebCore/English.lproj/Localizable.strings 


copyWebCoreResourceFiles.cmd 실행시 아래 경로로 복사됩니다.
(WebCoreGenerated 프로젝트)

  • <빌드경로>/bin/WebKit.resources/inspector 
  • <빌드경로>/bin/WebKit.resources/en.lproj 

 
 

[리소스 사용]
WebKit1
WebInspectorClient::openInspectorFrontend() 함수 수행 중 위 경로에 대한 URL을 만듭니다.

WebKit2
WebInspectorProxy::inspectorPageURL() 함수에서 위 경로에 대한 URL을 반환합니다.

inspector 페이지의 URL에 대한 view를 생성하면 inspector가 출력됩니다.

[끝]
다음은 Inspector와 WebCore 연동되는 부분을 보겠습니다.
Posted by ssun++

댓글을 달아 주세요

최근에 달린 댓글

최근에 받은 트랙백

글 보관함