제이쿼리모바일 다음 트로이에서는 제대로 안나오네요.

반응형 해상도 및 레이아웃을 확인하기 위한 사이트로 다음에서 제공하는 사이트가 있습니다.

 

관련글을 참고해서 보시면 더 좋으실것 같아요.

 

2015/12/01 - [HTML5/CSS3] - 반응형 웹페이지 제작을 위한 미디어쿼리 살펴보기

 

2015/08/05 - [퍼블리싱] - 기종별 반응형웹 해상도 테스트 사이트

 

예전에 다음 트로이라는 사이트에 대해서 설명을 드린 기억이 있는데요. 기종별 반응형웹 해상도를 테스트 해볼 수 있는 사이트 입니다.

 

 

 

이런식으로 화면이 나와서 디바이스별 해상도를 손쉽게 볼 수 있는 사이트인데요. 이제까지 문제 없이 잘 사용하다가 한가지 걸리는 부분이 있어서 알려드리겠습니다. 불행하게도 제이쿼리 모바일 라이브러리를 사용을 한다면 화면 구성을 제대로 볼 수 없는 버그가 있습니다.

 

 

 

 

 

일반 사파리나, 크롬, 익스플로러에서는 제대로 화면이 보이는데, 유독 다음 트로이에서만 제이쿼리 모바일 태그를 인식을 못하고 있어서 화면 구성을 제대로 보여주지를 못하고 있었습니다.

 

대표적인 예가 [data-role ] 같은 경우인데요. 아마도 사이트 구축을 할때 HTML 표준태그로만 사용을 하고, 외부 라이브러리 로드를 제이쿼리만 사용하도록 되어 있는것 같습니다. 너무 아쉬워서 이렇게 글을 남기네요.