본문 바로가기

Webkit

(7)
transparent ewebkit 기존 글:Hello, ewebkit 이번에는 ewk_view에 투명한 배경을 주는 예제를 소개할까 합니다.기존의 예제(simple.c)를 약간 수정하는 정도의 예제입니다. 먼저 투명한 배경에 대한 설명을 하겠습니다. 일반적으로 웹 페이지는 웹뷰(ewk_view)의 전체 영역에 컨텐츠를 그리게 됩니다.웹페이지는 body 태그의 배경을 이용하여 컨텐츠의 배경색을 갖게 되는데, 보통 다음과 같이 사용합니다.### html HELLO ### htmlHello, I am red background ### html Hello, I am green background 두번째와 세번째는 배경을 갖는 예제인 반면, 첫번째는 배경을 갖지 않는 예제입니다. 그러나 만약 첫번째 예제를 브라우저에서 실행한다면 흰 배경 위에 H..
Hello ewebkit? ewebkit은 WebKit 엔진 기반에 EFL 라이브러리를 사용하여 UI를 표현하는 라이브러리입니다.(WebKit/EFL 이라고도 부르는데, 저는 so 파일 이름에 따라 ewebkit이라고 부르고 있습니다.) 물론, Elementary의 elm_web이 ewebkit 에서 사용하는 ewk_view의 간단한 wrapper 클래스이지만 아직 문제가 많은 상태이기 때문에(1.9) ewebkit을 직접 쓰는 방법을 권장하고 있습니다. (또 타이젠(~2.2) 에서는 elm_web을 사용하실 수 없습니다.) 이 글에서는 elm_web이 아닌 ewk_view를 사용해서 간단한 페이지를 만드는 법을 공유하려고 합니다. ewebkit 라이브러리는 현재 두 종류가 있습니다.ewebkit : WebKit1/EFL 포트에 ..
[code reading] Media query in webkit(media rule) 이전에 작성한 linkElement, style element에 이어 media rule을 사용해 media query를 주었을 때 웹킷이 처리하는 과정을 정리해보고자 합니다. 이전글 1 : Media query in webkit(link Element) 이전글 2 : Media query in webkit(style element) 특히 이전글2는 반드시 읽으셔야 합니다. 사용할 예제는 이전글2에서 잠깐 보여드렸던 것과 동일합니다.### html hello 시작 지점은 이전 예제의 밑에서 두번째 코드인 DocumentRuleSets::appendAuthorStyleSheets 입니다.### c++ ; highlight : 21 void DocumentRuleSets::appendAuthorStyleSh..
[code reading] Media query in webkit(style element) 이전에 작성한 linkElement에 이어 style element로 media query를 주었을 때 웹킷이 처리하는 과정을 정리해보고자 합니다.style element에 대한 처리를 알려면, webkit이 style element을 처리하는 전반적인 플로우를 이해해야 합니다.하지만, 여기서는 되도록 media query에 집중해서 설명하려고 노력할 생각입니다. 이전글 : Media query in webkit(link Element)다음글 : Media query in webkit(import/media rule) 이번에 다룰 예제는 아래와 같습니다. ### html hello HTML specification에서 style element를 보면 attribute로 media를 지정할 수 있습니다. ..
[code reading] Media query in webkit (linkElement) [media query 간략 소개]Media query는 media의 종류에 따라 특정 CSS 스타일을 적용하고자 할 때 사용하는 CSS 스펙 가운데 하나입니다.(http://www.w3.org/TR/css3-mediaqueries/) media query에 대한 article : http://html.nhncorp.com/blog/42284 다음글 : Media query in webkit (style element)그 다음글 : Media query in webkit(import/media rule) 예를 들어 아래는 대표적인 media query의 예입니다. (이 글에서 코드리딩할 방법입니다.) ### html screen과 print는 가장 많이 알려진 미디어의 종류(type)입니다. 또는 아래처..
webkit관련 URL 모음 http://www.webkit.org http://trac.webkit.org https://bugs.webkit.org http://build.webkit.org/ http://webkit.org/pending-commit http://webkit.org/pending-review http://www.chromium.org/developers/how-tos/webkit-merge-1 http://trac.webkit.org/wiki/UsingGitWithWebKit https://wiki.mozilla.org/images/c/c0/Larres-thesis.pdf wkb.ug/82701 webkit-perf.appspot.com
[LOG] WebKit/Gtk jsgamebench에서 webkit/gtk의 callstak Breakpoint 1, 0x003277b6 in WebKit::ChromeClient::invalidateContentsAndWindow(WebCore::IntRect const&, bool) () from /workspace/webkit/WebKit/WebKitBuild/Release/.libs/libwebkitgtk-1.0.so.0 (gdb) bt #0 0x003277b6 in WebKit::ChromeClient::invalidateContentsAndWindow(WebCore::IntRect const&, bool) () from /workspace/webkit/WebKit/WebKitBuild/Release/.libs/libwebk..