모바일에서 이미지가 보이지 않는 문제.
본문
안녕하세요.
스스로 해결해보려고 여러방법을 강구해보앗으나
해결하기가 어려워서 회사에 동의를 구하고
아래 모바일사이트에서 이미지가 엑박으로 뜨는 문제를
해결하는데 도움을 청하고 싶습니다.
이미지의 url이 틀린것은 아닙니다.
그런데 이미지는 엑박으로 뜹니다.
PC에서는 아무 문제가 없는데
모바일에서는 이미지가 엑박으로 떠버리네요.
이걸 해결 못해서 며칠째 전전긍긍하고 있습니다.
고수님들 좀 도와주십쇼..... ㅠ,ㅠ
PS)
1. 크롬 등 PC브라우져에서는 엑박이 확인이 잘안될수 있습니다. (모바일로 접속해야 확인됨)
2. PC 크롬에서 엑박을 보려면, 개발자도구 실행상태에서 crtl+F5 누르면 엑박 확인됩니다.
3. 문제 해결을 위해 필요없는 소스 및 태그는 전부 삭제한 상태입니다.
답변 4
해당 이미지는 domain 이 다르네요
아마 크롬 보안 문제 같기도 하고 그러네요
테스트 하시려면 url 를 강제로 변경해서 테스트 해보시고
url 을 어떤식으로 고치든지 해야 될거 같습니다.
그냥 새로고침시 잘 불러와지긴 하는데
ctrl+f5 하니 302 리다이렉션이 뜨긴 하긴하네요.
.htaccess 나 서버 설정을 변경해봐야 할 것 같습니다.
이미지 링크 주소를 상대경로로 바꿔보세요.
모바일로 접속시 www 를 m 으로 바꿔주는데요
에디터에는 www 도메인으로 들어가있고
모바일에서 봤을때 이미지도 redirct 시키는데
리다이렉트를 잘못하신 것 같네요
쿼리스트링은 살아있는데 path는 없애는 구조
가령 크롬개발자에서 모바일켜고
http://www.spinekneebareun.com/gb5/bbs/board.php?bo_table=notice&wr_id=68
접속하면
http://m.spinekneebareun.com/?bo_table=notice&wr_id=68
이렇게 리다이렉트고요
이미지 주소를 넣어보면
이렇게 리다이렉트
http://m.spinekneebareun.com/ (이게 모바일에서 실제 img src)
그리고 모바일에서
jquery 버전도 1.8.3과 1.7.2가 noconflict 설정없이 그대로 쓰였네요
css 도 리다이렉트 시켜서 mime type이 안맞다고 뜨고요
.htaccess 에서 도메인 전환 rewriterule 수정이 필요해보입니다