Yaluka's Web

Yaluka's Web » Search » Results » Articles

브라우저와 관련된 글 2개

2009/09/08 Google Chrome (구글 크롬 DEV) Developer Tools 기능 (19)
2009/05/08 세계 최고속도의 웹 브라우저? Lunascape5 (16)

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 » Internet/Web

세계 최고속도의 웹 브라우저? Lunascape5

얄루카 | 2009/05/08 17:25

Lunascape5

Trident+Gecko+Webkit

세계 최고 속도의 웹 브라우저 라고 주장하는 Lunascape5.
이 브라우저는 일본산 웹 브라우저 이더군요. 일본에서는 인기가 많은 브라우저 입니다. 제작사 측에서는 세계에서 최고속도라고 주장하는데 말이죠. 과연 얼마나 빠를지 ..

재미있는게 Lunascape는 세계에서 처음, Internet Explorer에도 탑재되고 있는 Trident 엔진, Firefox에 사용되고 있는 오픈 소스·렌더링 엔진인 Gecko, 그리고 Google이나 Apple도 채용한 신성 렌더링 엔진의 Webkit의 3개의 렌더링 엔진을, 하나의 브라우저로 동시에 이용할 수 있는 기술을 실용화하였다고 합니다. 정말 편해 보이는 브라우저 이군요. 어디 한번 확인을 해볼까요?

Lunascape5는 다국어를 지원하고 있습니다. 일본어는 물론 ,영어 없을줄 알았던 한국어도 있더군요.
다국어 다운로드 페이지

(다국어 지원 목록)

설치 과정

설치 후에는 바로 브라우저창이 뜨는군요. 처음에는 설정을 가져올 수 있습니다. 물론 나중에도 따로 설정에 들어가서 가져올 수 있습니다. 이때, 주의하실 사항은 사용하고 있는 브라우저를 모두 끄신 뒤 설정 가져오기를 하셔야 됩니다. 않그러면 설정을 가져오지 못하네요. 설정을 가져오신 뒤에는 사용하실 엔진을 선택하실 수 있습니다.

여기서는 기본으로 사용하실 엔진을 선택하는 겁니다. 언제든지 옵션에 가셔서 엔진을 바꾸실 수 있어요~ 저는 일단 가장 사용하기 간편하고 페이지 출력에 오류가 없는 겍코 엔진을 사용해보겠습니다.

페이지 이동속도는 정말 빠르긴 빠르더군요. 사용해본 결과 뻔하지만 역시 웹킷 엔진이 가장 좋은 속도를 보여주네요. 하지만 웹킷 엔진은 페이지가 제대로 나오지 않는 곳이 있기 때문에 겍코 엔진을 선호하게 되네요 :)

위와 같이, 왼쪽 하단의 그림을 클릭하면 바로바로 엔진을 변경할 수 있습니다. 파이어 폭스의 IE탭과 거의 비슷한 방식이네요. 여기에서 변경하는 엔진은 기본 엔진이 아니라 그 페이지에서의 표시할 렌더링 엔진을 변경합니다.

Lunascape5는 역시나 스킨을 사용할 수 있습니다. 일본산 브라우저라 그런지 멋진 스킨들이 정말 많네요! 이거 환영입니다 !~

스킨 다운로드 페이지 - > http://skin2.lunascape.jp/

스킨의 적용 방법은 C:\Program Files\Lunascape\Lunascape5\resource\skin\ 이곳에 스킨 폴더를 넣으시고 , 메뉴의 파일 > 사용자 프로필 > 스타일 변경 > 디자인 > 사용하실 스킨 선택 하시면 됩니다.

플러그인의 설치도 가능합니다.

플러그인 설치 - > http://plugin.lunascape.jp/

세계 최고 속도는 아닌거 갖지만 왠만하면 빠르고 기능이 강한 브라우저 입니다. 한번 사용해 보시는 것도 나쁘진 않을꺼 같네요^^

태그 구글크롬, 브라우저, 브라우저 호환성, 사파리, 세계, 속도, 웹 브라우저, 웹표준, 인터넷, 인터넷 익스플로러, 최고 속도, 파이어 폭스

트랙백 1개 | 댓글 16개
Feedback RSS : 트랙백+댓글 | 트랙백 | 댓글

About Trackback

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

Trackback from 버스닉머리속

초고속인터넷 속도는 '향상' 만족도는 '악화'

초고속인터넷 사업자망 구간의 다운로드·업로드 속도가 지난해보다 10%포인트가량 향상된 것으로 평가됐다. 그러나 소비자 만족도는 지난해보다 더 악화됐고 특히 해지 서비스 불만은 낙제 수준으로 분석됐다. 방송통신위원회는 지난해 11월부터 올 3월까지 초고속인터넷 품질을 평가한 결과 다운로드 속도는 사업자 광고 최고속도의 평균 91% 수준으로 지난해 83%보다 크게 나아졌고 업로드 속도도 지난해 80%보다 크게 향상된 평균 92%로 지난해보다 개선됐다고../ 2009/05/24 19:00 / delete

건탱이 at 2009/05/08 19:33 / Permalink / Reply / Modify/Delete

일본 [내부] 에서만 속도가 빨랐다 파문,
- Reply by 얄루카 at 2009/05/08 22:42 / Permalink / Modify/Delete
  
  털썩 ..

청초 at 2009/05/09 00:25 / Permalink / Reply / Modify/Delete

빨리빨리를 맨처음 배운다는 외국인들...

IT강국은 확실히 져희 나라인데 말이죠...
- Reply by 얄루카 at 2009/05/09 21:00 / Permalink / Modify/Delete
  
  웹표준을 지키지 않는 우리나라를 보면 .. IT강국이라는 말이 헛 나온걸지도 (먼산..)

한성민 at 2009/05/09 10:05 / Permalink / Reply / Modify/Delete

세계 최고속도의 웹브라우저라고 해도 자기가 어떻게 관리를 하느냐에 따라 달린 것 같아요...^^
- Reply by 얄루카 at 2009/05/09 21:01 / Permalink / Modify/Delete
  
  네 아무리 그래도 지금껏 사용하는 파폭보다는 느린것 같더군요 ;ㅁ;

신호등 at 2009/05/09 19:14 / Permalink / Reply / Modify/Delete

신호등 '브라우저 속도가 빨라 봤자 회선이 안 좋으면 아무 소용 없다' 파문, 그저 웃지요, 허허
- Reply by 얄루카 at 2009/05/09 21:01 / Permalink / Modify/Delete
  
  회선에 털썩...

ruelove at 2009/05/09 19:36 / Permalink / Reply / Modify/Delete

음. 일본 내부에서만 속도가 빨랐다 파문을 믿어야 하나
- Reply by 얄루카 at 2009/05/09 21:02 / Permalink / Modify/Delete
  
  믿으셔야 될듯 orz//

쿠나 at 2009/05/09 21:29 / Permalink / Reply / Modify/Delete

전에 듣지 못한 브라우저로군요.
렌더링 엔진 고르는 옵션은 의외인데요? 개발자분들에게 유용하겠습니다 ㅎㅎ.
- Reply by 얄루카 at 2009/05/10 09:47 / Permalink / Modify/Delete
  
  네 정말 유용해요 ^^
  모든 브라우저를 설치안해도 웹에서 잘 작동되나 확인도 할 수 있어서 ㅎㅎ

세르엘 at 2009/05/09 22:48 / Permalink / Reply / Modify/Delete

옛날부터 많은 분들에 의해 기획(만)되었던 엔진통합!(이라기보단 묶기?)
실제로 있긴 있었군요 -_-;; 확인해보니 04~05년 쯤에 만들어진거라고 하는군요. ㅎㅎ
- Reply by 얄루카 at 2009/05/10 09:44 / Permalink / Modify/Delete
  
  네 세계 최고속도를 낸다고 하지만 제가 사용하는 파폭보다 조금 느린건 뭔지 orz//

화면이 너무 햐얐다!! at 2009/08/12 00:04 / Permalink / Reply / Modify/Delete

너무햐해서 이름

패스워드 홈페이지

네모박스가 안보여..

잠시 당황..
- Reply by 얄루카 at 2009/08/14 13:54 / Permalink / Modify/Delete
  
  죄송합니다^^ 빠른시간내에 수정할께요
Write your comment

Name::PassHomepage

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