스마트폰과 PC 웹페이지를 비교했더니~

아이폰을 비롯한 스마트폰에서 접속한 인터넷 웹페이지와 PC에서 접속한 인터넷 웹페이지의 모습은 완벽히 똑같을까요? 다를까요?


아이폰을 비롯해서 아이패드까지 쓰고 있지만..여전히 눈에 보여지는 웹페이지의 모습은 PC와 완벽하진 못한것 같습니다..



최근들어서 모바일 접속 트래픽이 부쩍 늘어서 자주 확인해보고 저도 다른 블로그 방문도 아이폰으로 접속하는 횟수가 상당히 늘었는데요..여전히 문제가 발생하는 부분이 꽤 있었답니다..


현재 가장 문제가 되는것은 바로 '다음뷰' 입니다. 아래 캡쳐화면들을 비교해보세요^^


아이폰과 PC 웹페이지 비교1


위는 이 블로그 본문 상단입니다.. 왼쪽에 고정되어 있는 추천 및 구독 버튼은 오직 PC에서만 보입니다(명확한 이유는 확인못함)


PC로 보는 웹페이지에서는 애드센스 두개와 다음뷰 애드박스가 나란히 정상적으로 보이고 있네요..


아이폰과 PC 웹페이지 비교2


그런데...아이폰 화면에서 본 웹페이지에서는 다음뷰 애드박스가 온데 간데 없이 보이지 않습니다..


아이폰과 PC 웹페이지 비교3


그리고 포스팅할때마다 본문에 직접 집어넣는 다음뷰 추천 위젯 손가락 버튼..역시 PC 웹페이지에서는 아주 깔끔하게 잘보입니다^^


아이폰과 PC 웹페이지 비교4


하지만 이 손가락 버튼도 아이폰이나 아이패드로 접속한 PC 웹페이지에선 위 캡쳐화면처럼 빈칸으로 표시가 되죠...


요즘엔 스마트폰이나 타블렛으로 접속하는 사람이 상당히 많은데 이런 문제가 생기면 솔직히 짜증날수 밖에 없죠..게다가 빈칸으로 표시가 되니까 방문자의 눈엔 지저분해 보이게 되구요~


스마트폰과 PC 웹페이지를 비교했더니~



아이폰과 PC 웹페이지 비교5


이번엔 티스토리 블로그 사이드바에 설치해든 지도위젯 플러그인입니다..


아이폰과 PC 웹페이지 비교6


아니다 다를까..역시나...스마트기기로 접속한 웹페이지에선 보이지가 않는군요 ㅠㅠ저렇게 비어있으니 뭔가 배치가 맞지 않고 보기 민망하죠..


아이폰과 PC 웹페이지 비교7


그리고 블로그 하단부를 비교해 보면..왼쪽의 다음뷰 인기글, 최신글 박스와 오른쪽의 다음뷰 추천 버튼 위젯박스가 아주 깔끔하게 잘보이는걸 알수가 있죠^^


아이폰과 PC 웹페이지 비교8


하지만 아이폰이나 아이패드로 접속한 웹페이지에서는 보시다시피..다릅니다. 그런데 왼쪽의 다음뷰 인기글,최신글 박스는 멀쩡히 보이는데 오른쪽의 다음뷰 추천 위젯박스만 보이지 않네요~


문제의 원인은 '다음뷰'~ 해결 방법은 없을까?


구글 크롬 요소검사([IT센스/구글크롬] - 구글 크롬 '요소 검사' 활용하기)기능을 활용해보았더니.. 


다음뷰 위젯들이 아이폰같은 스마트 기기로 접속했을때 보이지 않는 이유가 어느 정도 파악이 되었는데..그 이유는 '플래시'때문이었습니다..(마찬가지로 ..'모바일 페이지'에서도 당연히 안보입니다.)


저기 본문하단에 있는 다음뷰 최신글,인기글 박스의 경우는 플래시가 아닌 아이프레임이라서 멀쩡히 표시가 되는거구요...


다음뷰 애드박스를 표한 다음뷰 추천위젯들(티스토리 지도위젯도 마찬가지)은 여전히 '플래시'를 쓰고 있다는 사실 ㅠㅠ 기본적으로 애플사에서 만든 아이폰,아이패드는 '플래시'를 지원하지 않습니다..


간혹 플래시를 지원해준다는 앱이 있긴하던데..그건 좀 불편하고 완벽하지 않다는 이야기도 있구요~ 안드로이드의 경우엔 잴리빈 업데이트 이후 버젼부터는 '플래시'를 지원하지 않는다고 합니다..


로렌의 폰은 갤럭시 노트2인데..역시 아이폰이나 아이패드에서 접속하는 것과 똑같이 다음뷰 위젯은 안보입니다...


결론적으로 '플래시' 기반의 위젯이나 게임은 스마트 기기에선 앞으로도 보기 어렵다는 이야기죠..그런데 왜 아직도 다음뷰에선 '플래시'를 쓰고 있는지 모르겠네요~ 


지금으로선 이런 문제를 해결하려면 '다음'에서 '플래시'를 대체하는 위젯을 개발해서 배포하는게 최선인것 같습니다. 


(지금 이 포스팅 본문중간에 있는 다음뷰 추천버튼은 모바일용인데 이건 또 PC에도 잘보입니다..웃기죠?^^)