Blog 본문

공지사항






▶ 서비스 바로가기: http://troy.labs.daum.net


Troy는 국내외 주요 모바일 단말기에 탑재된 기본 브라우저의 실측 사이즈 화면을 통해

모바일 웹 또는 반응형 페이지의 인터페이스를 검증하는데 도움을 주는 개발 도구입니다.


누구나 빠르게 모바일 웹 페이지를 한 곳에서 테스트해 볼 수 있는 장점이 있으며,

화면 확대/축소 기능 및 맞춤형 크기 변경 기능 또한 제공합니다.

여기에 표시되는 화면 크기는 모바일 웹 개발 시 흔히 사용되는 medium-dpi 기준의 브라우저 크기로서, 

기기 또는 운영체제별 특성,버그는 실제 기기를 통해 확인하셔야 합니다.


앞으로 Troy는 새로운 단말기 추가 및 고급옵션 기능 등도 추가제공할 예정입니다. 

여러분의 사용 소감 및 개선 아이디어를 부탁 드립니다.

Posted by darum

트랙백 1개, 댓글 44개가 달렸습니다.

전체 댓글
이전 댓글 더보기
옵티머스 매니아 | (2013.07.28 21:23)

옵티머스 뷰, 옵티머스 뷰2도 추가해 주세요.
특이한 해상도라 꼭 확인해 보고 싶어요~

Re: darum | (2013.07.31 13:03 신고)

안녕하세요 옵티머스매니아님~
해당 기기들은 브라우저 실측 테스트가 완료되는대로 포함되도록 하겠습니다.
감사합니다~

Re: darum | (2013.08.08 12:53 신고)

단말기 리스트에 옵티머스뷰2 추가되었습니다.

| (2013.07.30 14:42)

비밀댓글입니다

Re: darum | (2013.07.31 15:47 신고)

안녕하세요 Toby님~ 다시 방문해주셔서 감사합니다.

기존 버전에서는 윈도환경이나 맥+파폭과 같이 스크롤바가 발생하는 경우, 각 환경별 실측한 스크롤바 width만큼 화면사이즈가 대응하고 있었습니다.
하지만 말씀해주신 내용과 자료 검토 후, 현재 크롬/사파리/오페라 등 웹킷 계열에서는 프레임의 스크롤바가 나타나지 않도록 처리하였으며,
측정결과가 보다 명확하게 인지되도록 업데이트한 상태입니다 ^^
(이 부분이 지원되지 않는 파폭,IE 에서는 기존의 방식대로 스크롤바 width만큼 스크린 크기가 대응합니다)
또한 일전에 말씀하셨던 애니메이션 효과부분도, 팀내 논의를 거쳐 다시 적용되도록 하였습니다.
현재 배포한 버전에서 확인이 가능합니다.

항상 관심깊게 지켜봐주셔서 감사합니다^^

plugstone | (2013.08.02 10:12)

트로이 홈페이지에 파라미터 넘겨서 바로 해당 페이지가 디스플레이될수 있게 할수 없나요?
그게 있으면 여려모로 유용할것같은데...

Re: darum | (2013.08.08 12:53 신고)

안녕하세요 plugstone님!
말씀주신 URL 전달하여 바로 뜨게 하는 부분은
곧 업데이트 검토하도록 하겠습니다.
소중한 의견 감사드립니다 ^^

강대한 | (2013.08.15 01:55)

손쉽게 테스트 할수 있는 툴을 만들어 주신거 감사합니다.

요긴하게 잘 쓰일꺼 같네여~~

감사합니다. 다룸도 자주 찾아와서 많은 정보 공유해야 겠네여~^^

Re: darum | (2013.11.06 16:41 신고)

트로이 사용해주셔서 정말 감사드립니다~ 쓰시면서 불편한점있으시면 언제든 말씀해주세요!

이인우 | (2013.08.26 17:55)

도메인 등록되기전에 테스트용으로 올려보고 싶은데 혹시 로컬 파일 지원 계획은 없나요?

Re: darum | (2013.11.06 16:43 신고)

현재로서는 로컬에서 서버를 띄우셔서 localhost로 테스트하시는 방법이 있습니다. 아직 static 파일 업로드를 기반으로 한 테스트 기능은 지원하지 않습니다. ^^;

미나미32 | (2013.09.12 05:02 신고)

좋은 서비스 개발해주셔서 감사합니다~
서비스 이름을 트로이로 정한 이유가 있을까요? 궁금하네요 ㅎㅎ
잘 사용하겠습니다~

Re: darum | (2013.11.06 16:48 신고)

먼저 트로이 이용해주셔서 정말 감사드립니다 ^^..
트로이라는 이름의 유래는..
애당초 이 툴은 Request Header의 User-Agent 마저도 변경하여 받아오는 것을 목표로 했었습니다. 때문에 겉모습을 속이고 서버에 접근하여 반응형 대응페이지까지도 받아온다하여 Troy라 이름지어졌습니다. 하지만 크롬 웹스토어의 앱 심사 정책과 관련 기술에 대한 여러가지 보안 이슈로 인해서 User-Agent 변경은 스펙에서 제외되었구요 결국에는 이름만 Troy로 남겨졌습니다 ^^;;;

차용진 | (2013.10.29 15:35)

Galaxy Note 3 도 추가해주셨으면 좋겠습니다.

Re: darum | (2013.11.06 16:50 신고)

의견 감사드립니다!
갤럭시노트3 추가하였으며, 기존의 갤럭시노트2는 동일한 해상도이기 때문에 갤럭시노트 3 & 2 로 병행 표기하였습니다.

achilles | (2013.11.22 16:53)

궁금한게 있는데요.
예를 들어 S3같은 경우 폰 해상도가 1280x720인데 브라우저에서 640x360인 것은 S3의 기본 브라우저에서는 이 해상도로 보인다는 건가요? 위 설명 글에 medium-dpi 기준의 브라우저 크기란 것이 이 같은 말인거죠?
개념이 잘 이해가 안가서요.

Re: darum | (2014.01.28 10:29 신고)

네 맞습니다.
흔히 보게되는 모바일웹 페이지들은 흔히 medium-dpi기준으로 렌더링하고 있습니다. 그리고 이 기준으로 계산했을 시에는 폰해상도가 크더라도 실질적으로는 더 낮은 해상도를 기준으로 레이아웃 렌더링이 되게 됩니다.

| (2013.11.26 18:13)

비밀댓글입니다

Re: darum | (2014.01.28 10:41 신고)

일단 적어주신 내용 상으로는 orientation 분기 지시자가 있는데요,
트로이의 미리보기 창은 실제 모바일브라우저가 아니다보니 landscape, portrait를 변경과 그로 인한 orientation 변화를 감지하지 않습니다 ^^; 이 부분은 실제 모바일기기에서 확인하셔야 할 듯 합니다.

한광희 | (2014.01.26 13:47)

왼쪽 슬라이드의 정보 중 기기별 이미지 밑에 표시된 정보 두가지(해상도?, offset?)은 정확히 무엇인가요? 뭘 의미하는것인지 알려주세요.

Re: darum | (2014.01.28 10:33 신고)

안녕하세요~
갤S4를 기준으로 답변드리자면,
말씀하신 기기명 바로 밑의 360 x 640은 실제 폰의 해상도를 medium-dpi 기준으로 계산했을 때의 "액정 전체의 해상도"를 의미하는것이구요, 그 밑의 Offet은 위의 해상도를 기반으로 기본브라우저에서 페이지 로드시 육안으로 식별가능한 화면의 사이즈입니다. 즉, 상단의 주소탐색기라던지 기타 화면 내에 존재할 수 있는 소프트터치 버튼 등의 사이즈가 배제된 크기입니다.

심병기 | (2014.02.03 16:36)

안녕하세요. 유용한 틀 감사합니다.^^
사용중 궁금한 점이 있어서요. 일단 한가지 기기를 예로 들자면, 갤럭시 S4의 경우
세로 모드는 : 360px, 567px입니다. 근데 가로모드로 전환 시 640px, 287px로 전환되는데요,
비율에 맞춰서 줄거나 늘어나는 값은 아닌거 같은데.. 어떤 이유로 저런 값이 나오는 건가요?

댓글 기다리겠습니다 ^^

뉴뉴뉴_웹개발자_비비비 | (2014.02.28 17:16)

브라우저의 크기를 조절하면 그에 맞는 반응형웹디자인을 볼 수가 있는데 이 방법을 이용하는것과 무슨 차이가 있나요?

| (2014.03.22 11:16)

기술적인게 좀 알고싶은데요, 각 단말기마다 크기가 다른데 웹사이트를 어떻게 단말기 크기에 맞게 띄워주는건가요??
핵심 기술만 간단히 이야기 해주셔도 감사하곘습니다~

| (2014.04.09 10:24)

비밀댓글입니다

| (2014.04.28 10:17)

비밀댓글입니다

이태임 | (2014.05.20 08:53)

안녕하세요. 작업하면서 잘 사용하고 잇습니다.
한가지 궁금한것이 있어서 글을 남깁니다. 아이패드 미니의 경우 어떤 디바이스나 크기로 봐야하는지 궁금합니다.1024*768인가요?

dd | (2014.05.21 11:11)

1개밖에 안 띄워지는게 매우 아쉬운데요 동시에 비교할 수 있게 해주세요 이거 엄청 중요한 기능같은데 왜 아무도 언급 안 하지;;

doodller | (2014.05.22 18:27)

Safari, Chrome 등 웹킷(Webkit) 계열의 브라우저에서 "-webkit-font-smoothing" 속성이 적용되는 것 같습니다. 실제로 iPhone 등의 모바일에서도 이 속성이 적용되어 표시되는지 궁금합니다.

| (2014.05.31 19:40)

모두는 아니더라도 User Agent 스트링으 해당 기기로 변경해서 테스트 해주세요
테스트 방법 http://www.useragentstring.com/
위의 페이지를 접속하면 해당 페이지의 user agent string이 변경이 안됩니다.
해당기기의 user agent로 변경 부탁드립니다 .
참고 : 전체 목록 : http://www.useragentstring.com/pages/useragentstring.php

서하 아빠 | (2016.08.23 16:41)

요즘 왜 업데이트 안하나요?

댓글 작성