모든 css 적용 관련 문의드립니다!
본문
안녕하세요!..
css 적용 관련 검색해보다가 결국 해결되지 않아 문의드리게되었습니다.
테마를 사용해서 css 적용했고, 서브페이지는 별도로 폴더만들어서 각각 css 적용해놨습니다.
바로 반영이 안될때 마다 version.extend.php 이걸로 수정해주면 바로 반영될 수 있었는데요.
이젠 그마저도 안되네요 왜갑자기 안되는 이유를 모르겠습니다.
html에 인라인으로 스타일 적용하면 바로 되는데 기존 스타일 시트를 수정하면 캐쉬 삭제 뭐든 방법 다 써봐도 바뀌질않습니다..ㅠ
신기한건 css 파일을 ftp에서 지워도 고대로 적용된걸로 보인다는 거구요..
css를 게속 수정하면서 새로고침으로 보면서 해야하는데 바로 바뀌질않으니 너무 불편하구요.
css 이름을 게속 다른걸로 수정해서 올려놓으면 바뀌긴 합니다.
어떤 부분의 문제인지 고수님들 조언 부탁드립니다! ㅠ
답변 4
브라우저 어떤걸 쓰시는지 모르겠습니다.
새로고침을 강하게 할 필요가 있으지도 모릅니다.
Ctrl + r, Ctrl + F5, Ctrl + Shift + F5
브라우저 옵션중에 단축키 찾아 보시면 있을겁니다.
저도 적용이 안되서 저리 씁니다.
참고로 네이버 웨일 쓰고 있습니다. (Ctrl + Shift + F5)
ftp에서 파일을 지웠는데 css가 적용된다고 하시는데
클라우드플레어 같은 서버 전단에 캐시서버가 존재하는건가요?
테마 / 서브페이지 모두 동일 증상인가요?
CSS 자동압축 같은 플러그인을 사용하시는건가요?
크롬 브라우저의 검사 기능을 통해 적용되고 있는 css 를 확인할 수 있습니다. https://www.jbfactory.net/10866
(css 적용 내용 확인하고자 하는 영역에 마우스 -> 마우스 우클릭 -> 검사)
적용된 css 영역에서 우선순위가 높은 것부터 상단에 나옵니다. 그리고 적용된 css 파일과 라인도 확인할 수 있습니다. (css 파일명에 마우스를 올리면, css 파일의 풀경로를 확인할 수 있습니다.)
1) 내가 수정한 부분이 상단에 나온는지 하단에 나오는 지 확인 (하단에 나오면 다른 css 파일이 우선순위로 적용된 것입니다.)
2) 내가 수정한 파일이 맞는데.. 수정한 부분이 적용되지 않았다. => 캐시 문제일 가능성이 높습니다.
내가 수정한 파일의 css 에 ?v=123123 식으로 버전명을 갱신하거나 /extend/version.extend.php 등을 살펴볼 수 있습니다.