Yaluka's Web

Yaluka's Web » Search » Results » Articles

크롬와 관련된 글 2개

2009/09/08 Google Chrome (구글 크롬 DEV) Developer Tools 기능 (19)
2009/06/16 크롬으로 넘어갔습니다 (29)

Yaluka's Web » Internet/Web

Google Chrome (구글 크롬 DEV) Developer Tools 기능

얄루카 | 2009/09/08 17:48

Firefox의 부가기능인 Firebug과 비슷한 기능이 Google Chrome에도 있습니다.

Firebug에 대한 정보는 쿠나님 포스트가 있으니 한번 보시는 것도 좋겠습니다.

이 기능은 Google Chrome 4에서 따로 설치하지 않고 내장되어 있는 기능입니다. (4.0.206.1버젼을 중심으로 작성되었습니다.)

구글 크롬4를 사용하신다면 Developer Tools의 기능을 사용하실 수 있을거라 생각되네요. (4.0.203.4 버젼에서는 이기능이 작동하지 않습니다. 현재 최신 버젼인 4.0.206.1 버젼으로 업데이트하시면 정상적으로 작동됩니다.)

정식 버젼인 2.0 버젼대는 잘 모르겠습니다.(테스트 해보지 않아서..^^;)

Developer Tools 실행하기

마우스 오른쪽 클릭으로 요소 검사(N)을 클릭하여 실행합니다.
또는

현재 페이지 관리 > 개발자 정보 > Developer Tools를 클릭합니다.

실행된 모습입니다.

Developer Tools Elements 기능

수정할 부분을 더블클릭해서 수정할 수 있고

하단에 돋보기 모양을 클릭한후 보고싶은 소스의 부분을 클릭하시면

저는 이미지를 클릭했습니다.

이미지 태그가 바로 창에 뜹니다.

이런식으로 HTML,CSS,JS를 쉽게 수정하셔서 테스트 해보는 과정을 거치실 수 있습니다.

Developer Tools Resources 기능

이 기능은 페이지의 로딩 속도를 측정하는 기능 입니다.

Enable resource tracking 을 클릭합니다.

페이지 로딩속도가 표시되네요.

제 블로그는 평균 1.5~2.0초 가 걸리네요 ㅠㅠ 이거 반성하면서 속도를 높여야겠습니다 orz..

아래에는 이미지,스크립트,CSS 로딩속도가 표시됩니다.

다른기능들도 더있습니다만, 여기까지만 적겠습니다^^;

태그 CSS, Developer Tools, Firebug, Firefox, Google Chrome, HTML, 개발, 구글 크롬, 로딩, 브라우저, 이미지, 크롬, 파이어 폭스

트랙백 4개 | 댓글 19개
Feedback RSS : 트랙백+댓글 | 트랙백 | 댓글

About Trackback

트랙백 기능을 이용하시면 이 밑부분에 당신의 글을 댓글처럼 달아놓으실 수 있습니다. 이 글의 트랙백 주소는 http://blog.yaluka.com/trackback/87 입니다.

Trackback from NiCo of ScanMAC

모질라 파이어 폭스(Mozilla Firefox) v3.5.3 새 버전 출현 소식

모질라 파이어 폭스(Mozilla Firefox) v3.5.3이 방금전에 출현되었습니다. 모질라 파이어 폭스(Mozilla Firefox) v3.5.2 다운 받기 [관련글] 모질라 파이어폭스(Mozilla Firefox) 브라우저와 플러그인 베스트 그리고 Tip/ 2009/09/10 02:07 / delete

Trackback from 　　StoryBlog v5.5

오페라 웹표준 강좌 48장, 동적 스타일 - 자바스크립트로 CSS 다루기

클리어보스에서 번역중인 오페라 웹표준 강좌의 48장 동적 스타일 - 자바스크립트로 CSS 다루기가 번역 되었습니다. 검은태양님께서 수고해 주셨습니다. 근래 들어 검은태양님께서 너무 열심히 번역에 참여해 주고 계셔서 한 주에 한 강좌씩 꼬박 꼬바 등록되고 있는것 같습니다. 너무 너무 감사드립니다. 저 역시도 어서 진행중인 부분을 완료해서 올리도록 해야겠습니다. 소개 스타일시트에 접근하기 스타일시트 속성 규칙을 추가하거나 제거하기 요소의 스타일 변경하기../ 2009/09/10 16:42 / delete

Trackback from zwoo아빠 Blog

구글 크롬 확장기능

구글 크롬에는 -enable-extensions 이라는 옵션을 줄 수 있었습니다. 따라서 언젠가는 크롬도 파이어폭스 처럼 확장기능을 지원하리라.. 생각은 하고 있었습니다. 그리고 이번에 몇가지 크롬의 확장이 나와서 소개를 합니다. (물론.. 요즘 사용중인 크롬플러스에도 당근 설치 가능합니다.) 1. Bubble Translate (설치하기) 구글툴바등에 보면 웹페이지의 특정 단어를 클릭하면 한글로 뜻을 보여주는 기능에 해당한다고 보시면 됩니다. 구글../ 2009/09/11 09:34 / delete

Trackback from zwoo아빠 Blog

크롬(크롬플러스)의 화면분할 기능

하나의 모니터를 사용하면서 웹서핑을 하다보면.. 창을 두개를 띄우고 동시에 보고 싶은 경우가 생깁니다.. 그런데 크롬에서 창을 분할해서 볼 수 있는 기능을 발견(?)하여 글을 올립니다. (몰랐는데 구글 크롬 도움말에도 나와있는 기능이었습니다..ㅠㅠ) 그림을 보시면 크롬의 탭하나를 떼어내서 1부터 5번 숫자에 해당하는 위치에 탭을 가져가면 아래와 같이 화면이 분할되어 보여집니다. 1. 모니터 위쪽 가운데: 버튼을 놓으면 탭이 새 창에 최대화 상태로 표../ 2009/09/14 15:43 / delete

옥수 at 2009/09/08 21:28 / Permalink / Reply / Modify/Delete

으허억! 보는 것 만으로도 현기증이...!
무서웟!<<머리가 돌인 어느 인간의 절규
- Reply by 얄루카 at 2009/09/09 21:10 / Permalink / Modify/Delete
  
  어헉 ㅠㅠ

녹풍 at 2009/09/09 13:49 / Permalink / Reply / Modify/Delete

어라 이 기능은 원래 있던 기능 아닌가요?
- Reply by 얄루카 at 2009/09/09 15:45 / Permalink / Modify/Delete
  
  네 원래 있는 기능을 소개해드린 겁니다^^
  정식 버젼이나 BETA 버젼은 어떤식으로 작동하지 잘 몰라서 말이죠^^;

카이토 at 2009/09/10 01:36 / Permalink / Reply / Modify/Delete

뭔지 모르겠다는...ㄷㄷㄷ

얄루카님 마저 괴물이라니...
- Reply by 건탱이 at 2009/09/11 22:02 / Permalink / Modify/Delete
  
  본격 괴물 얄루카님 ㅎㄷㄷ
- Reply by 얄루카 at 2009/09/12 07:58 / Permalink / Modify/Delete
  
  괴물이라뇨 ㅠㅠ
  알고보면 쉬운 부분인데 orz..

Kael H. at 2009/09/10 10:23 / Permalink / Reply / Modify/Delete

복잡한 코드를 보고 자동으로 손이 휠을 돌리더군요.(퍽)
- Reply by 얄루카 at 2009/09/12 07:58 / Permalink / Modify/Delete
  
  으헝헝 …

푸우~~ at 2009/09/10 23:49 / Permalink / Reply / Modify/Delete

이런건 어려워요.....ㅜ.ㅜ;;;;;;;;;;
저 댓글란에 있는 사진을 보고 도져히 댓글을
무시할수없어서 남깁니다......
네히!!! 댓글 대령햇습니다~~~~
- Reply by 얄루카 at 2009/09/12 07:59 / Permalink / Modify/Delete
  
  헉 ! 감사합니다^^

번드피닉스 at 2009/09/12 00:20 / Permalink / Reply / Modify/Delete

으윽;;; 난 이런건 초면이라... 댓글 달고 싶어도 뭘 아는게 없으니.. 크윽..

...
- Reply by 얄루카 at 2009/09/12 07:59 / Permalink / Modify/Delete
  
  ㅠㅠ

아후라 at 2009/09/12 23:18 / Permalink / Reply / Modify/Delete

좋은 정보 감사합니다.

댓글 달지 못할까.!! 라는 멘트에 쫄았습니다. ㅎㅎ
- Reply by 얄루카 at 2009/09/18 22:44 / Permalink / Modify/Delete
  
  흑흑 그럴의도는 아니였지만 ><
  도움이 되셨으면 하네요^^

싱싱차이나 at 2009/09/17 07:36 / Permalink / Reply / Modify/Delete

이런 전문적인 기능도 있었군요~
방금 크롬 개발자 버전 설치했는데...
근데 개발자모드 들어가서 만지는 건 두렵네요~
완전 맹해서~^^
잘 읽고 갑니다.
- Reply by 얄루카 at 2009/09/18 22:44 / Permalink / Modify/Delete
  
  도움이 되셨기를 바랍니다^^;

그런데그것이실제로 at 2009/10/07 01:43 / Permalink / Reply / Modify/Delete

우와아

워나힐 at 2009/11/29 11:59 / Permalink / Reply / Modify/Delete

멋진 기능이군요. 전 HTML을 몰라 못 쓰겠지만요.......;ㅅ;
Write your comment

Name::PassHomepage

(체크하시면 관리자만 댓글을 볼 수 있습니다.)

Yaluka's Web » 일상,취미/잡담

크롬으로 넘어갔습니다

얄루카 | 2009/06/16 17:28

전부터 파폭의 확장기능에 빠져있었지만

크롬의 속도와 메모리 사용율을 보자하니 파폭의 패배..

크롬의 확장기능도 이제 조금씩 나오고 있는 추세이니 ~_~

자꾸 크롬사용을 노력하다보니 이젠 크롬에 빠져버렸네요 ㅠ.ㅜ

덧, 시험기간입니다..

(이 말뜻 아시겠죠 ㅠㅠ)

태그 구글, 구글크롬, 망했다, 시험기간, 잠수, 잡글, 잡담, 크롬, 파이어폭스

트랙백 3개 | 댓글 29개
Feedback RSS : 트랙백+댓글 | 트랙백 | 댓글

About Trackback

트랙백 기능을 이용하시면 이 밑부분에 당신의 글을 댓글처럼 달아놓으실 수 있습니다. 이 글의 트랙백 주소는 http://blog.yaluka.com/trackback/63 입니다.

Trackback from VoIP on Web2.0

구글 검색으로 할 수 있는 100가지

제목이 너무 선정적인가요? 구글코리아아 국내 검색 시장에서의 자사 영향력을 키워갈 모양이다. 구글은 최근 '구글검색으로 할 수 있는 100가지' 페이지를 별도로 마련하고, 구글 검색은 물론이고 지도, 이미지, 뉴스, 사전, 비디오, 지메일, 크롬, 아이구글 등 구글의 다양한 서비스를 소개하고 있다. 현재 100가지 중에 30가지가 제공되고 있는데.. 저도 구글에 대해서는 웬만한 것은 알고 있다고 생각했는데.. 미처 몰랐던 기능도 상당한 듯 하다.^^../ 2009/06/17 20:28 / delete

Trackback from Welcome To Hot Blog

인터넷 브라우져 구글크롬

구글크롬이 웹브라우져 시장에 나온지 얼마안되었다 익스와 파폭 사이에서 살아남을려면 뛰어난 기능이 있어야되는데 사실 아직까지 크롬은 어느한군데서 확실히 뛰어난 기능을 보이지못하고 있는게 현실이다 하지만 크롬이 확실히 뛰어나지 않다고해서 구리다는것은 결코 아니다 브라우져 속도면에서 크롬이가장 빠르다 빠르다는것이 가장매력적인 부분이다 나또한 크롬이 빨라서 파이어폭스와 더불어서 같이 사용하고 있다 하지만 빠르다고해서만 쓰고있는것은 아니다 심플한 인터페이스../ 2009/06/17 21:19 / delete

Trackback from 위대한 지혜를 지향하는 시답잖은 지식과 개똥철학

브라우저를 구글 크롬으로 바꾸면 생활 패턴이 바뀐다

예전에 IE기반에서는 인터넷을 할 때 링크를 누르고 들어가서 볼거 다 보고 나면 백을 눌러서 원래 위치로 돌아오거나 IE6의 경우 새창(Shift or Ctrl + 링크 클릭)으로 창을 몇 개 띄우고 볼거 다 보면 창을 닫거나 IE7의 경우 새탭으로 열거나 해서 보곤 하였다. 뭐 익숙해 지고 난 후에는 이게 불편하다는 것을 거의 못느꼈다. 새창이나 새탭 열거나 링크 들어갔다 백버튼이나 alt+좌우방향키 로 이전 페이지와 다음 페이지를 왔다갔다 하는../ 2009/06/21 09:35 / delete

Red Penguin at 2009/06/16 17:43 / Permalink / Reply / Modify/Delete

불여우보다 크롬이 좋나요??
그래도 역시 불여우의 불펌용(?) 확장기능들이 너무 좋아서 ㅎㅎ;
- Reply by 얄루카 at 2009/06/16 19:26 / Permalink / Modify/Delete
  
  아직은 모르겠습니다;;
  크롬은 빠르고 메모리 사용율이 낮은게 장점 #_#
  아무튼 파폭과 병행해서 써야겠군요 ㅎㅎ

신호등 at 2009/06/16 18:01 / Permalink / Reply / Modify/Delete

크롬은 속도가 빨라 좋지만 회선이 안습테크인 학교에서는 그저 우왕굳 ㅠㅠㅠ
그래서 적절하게 파폭을 씁니다. 저는요...
- Reply by 얄루카 at 2009/06/16 19:29 / Permalink / Modify/Delete
  
  헉;;
  적절한 파폭 사용은 건강에 좋습니다 (?)
  (아직 진리는 파폭인듯한 느낌은.. ;ㅁ; )

Tune at 2009/06/16 18:18 / Permalink / Reply / Modify/Delete

저도 크롬 + IE 같이쓰고 있어요 ㅋ
- Reply by 얄루카 at 2009/06/16 19:28 / Permalink / Modify/Delete

민담 at 2009/06/16 18:47 / Permalink / Reply / Modify/Delete

아...
익플 왕따시키지 마요.
끼여 팔리기의 대가인데.
- Reply by 얄루카 at 2009/06/16 19:29 / Permalink / Modify/Delete
  
  I...IE....
- Reply by 레오나 at 2009/06/19 07:12 / Permalink / Modify/Delete
  
  끼어팔기 ㄷㄷㄷㄷㄷㄷㄷ....

Danzy at 2009/06/16 19:19 / Permalink / Reply / Modify/Delete

저도 옛날부터 크롬빠? ㅋㅋ
- Reply by 얄루카 at 2009/06/16 19:30 / Permalink / Modify/Delete
  
  크롬의 편리성을 알아가고있습니닷 <-

Noel at 2009/06/17 08:21 / Permalink / Reply / Modify/Delete

크롱크롱..
부족한 점은 많지만 써볼까요. 헤헿.
IEtab 같은게 없어서.. ㅠㅠ
- Reply by 얄루카 at 2009/06/18 17:42 / Permalink / Modify/Delete
  
  크롬도 확장이지만 IE탭이 있답니다^^
  자세한건 이쪽 니켈28에서..
  http://woojooin.egloos.com/1909503

섬뜩파워 at 2009/06/17 23:12 / Permalink / Reply / Modify/Delete

구글이 얼핏보면 정말 썰렁해서 별거 없을것 같아도
쓰면 쓸수록 별 희안한게 다 있는..ㅜㅜ
역시 무서운 기업인듯..
- Reply by 얄루카 at 2009/06/18 17:44 / Permalink / Modify/Delete
  
  정말 엄청난 규모 #_#

mahabanya at 2009/06/18 11:07 / Permalink / Reply / Modify/Delete

특별한 일이 없는 이상 크롬만 쓰는 1인입니다.
니켈28깔고, 구글노트와 마우스우클릭해제를 위한 스크립트 북마크에 넣어놓고 사용하면 제일 맘편하다능-_- 화면도 넓직하고 빠르고, 탭 수십개 띄워도 안죽고(RSS 읽을 때 보통 30~40개의 탭 띄워놓기는 일상다반사...그것도 넷북에서)
쓰지도 않는 쓰잘데기 없는 것들이 없어서 좋아효
- Reply by 얄루카 at 2009/06/18 17:44 / Permalink / Modify/Delete
  
  헉 그렇게 많은 탭을 ;;
  역시 빠르고 안전한건 크롬!

레오나 at 2009/06/19 07:11 / Permalink / Reply / Modify/Delete

그냥 IE 8 쓰고있다는... (먼산) 한국의 호환성 한계...
- Reply by 얄루카 at 2009/06/19 20:04 / Permalink / Modify/Delete
  
  웹표준을 모르는 한국페이지들의 최대 단점 ...orz//

Pyubi at 2009/06/19 23:38 / Permalink / Reply / Modify/Delete

ㅎㅎ 반갑습니당 ㅋㅋ
그림은 직접 그리신 건가요?
- Reply by 얄루카 at 2009/06/20 23:21 / Permalink / Modify/Delete
  
  아니요 ㅎㅎ;;
  다른분이 그리신 작품입니다^^;

세르엘 at 2009/06/20 01:49 / Permalink / Reply / Modify/Delete

엉엉, 그래도 안정성과 확장성은 파폭이 짱이라는!!(...)
- Reply by 얄루카 at 2009/06/20 23:22 / Permalink / Modify/Delete
  
  아직까지 파폭은 진리 ! ><

junom at 2009/06/22 08:17 / Permalink / Reply / Modify/Delete

파폭은 정말 좋습니다.
하지만 메모리 관리는 익스플러보다 떨어지더라구요...
많은 확장성과 스파이웨어들의 방어 때문에 쓰는데 자꾸 주변에서 크롬하면 저도 넘어갈지 모르겠군요... > <;;
- Reply by 얄루카 at 2009/06/30 12:32 / Permalink / Modify/Delete
  
  크롬도 어서 확장기능이 나와주면 ><
  크롬으로 오세욧~ㅎㅎ

Daniel 진경 at 2009/06/26 20:35 / Permalink / Reply / Modify/Delete

흠... 항상 파폭으로 브라우저 벤치마크할 때마다 그래픽 부분에서 자꾸 버벅대더라고요.

그래서 크롬 3.x 버전 깔아서 벤치마크해 보니 그래픽 부분에서 아주 야들야들하게 돌아가더군요.

그래서 저는 요즘 파폭이랑 크롬을 섞어서 씁니다.
아직도 파폭에 정을 뗄 수가 없는 탓에...

인터넷 뱅킹 같은 것은 물론 익스플로러를 쓰고요.
- Reply by 얄루카 at 2009/06/30 12:33 / Permalink / Modify/Delete
  
  언제쯤 IE를 안쓸지 ..
  저도 파폭이랑 엄청난 정을 쌓아서 그런지 쉽게 떼어지지 않네요ㅠㅠ

알프레도 at 2009/07/01 01:21 / Permalink / Reply / Modify/Delete

저도 확장기능 때문에 파폭에서 크롬으로 선뜻 넘어오질 못하겠네요.
제 느낌에 크롬에 더 빠른 것 같긴 합니다만ㅋㅋ
- Reply by 얄루카 at 2009/07/01 12:04 / Permalink / Modify/Delete
  
  역시 확장기능의 힘이 세군요 ㅠㅠ
  크롬은 빠르고 가벼움!!
Write your comment

Name::PassHomepage

(체크하시면 관리자만 댓글을 볼 수 있습니다.)

◀ recent | 1 | previous ▶

Yaluka's Web

크롬와 관련된 글 2개

Google Chrome (구글 크롬 DEV) Developer Tools 기능

크롬으로 넘어갔습니다

Yaluka's Web - 최근 공지