상세 컨텐츠

본문 제목

블로그, 홈페이지 등등을 크롬 디버깅으로 사이트에 악영향을 줄 수있는 에러 점검, 수정, 개선하기 관련

WEB/블로그

by AlrepondTech 2022. 3. 9. 18:04

본문

반응형

 

 

 

 

 

=======================

=======================

=======================

 

 

 

 

 

자신의 사이트나 블로그에 문제가 있으면 사이트가 로드가 제대로 안되거나 로딩이 느려지거나,

저품질에 걸리는 등등 각종 악영향이 올 수 있다. 

크롬의 디버깅기능으로 에러나 문제점을 점검 할 수 있다.(다른 브라우저도 비슷한 기능이 있다)

사이트를 점검하면서 에러와 경고를 줄여나가면 된다

[사이트특성(예:블로그들의 특성)과 특정광고 등등 때문에 에러가 나는 경우가 있는데 이런경우 개인적으로는 

해결을 못해고 해당 업체에서 해결해야하기 때문에 그런부분은 개인적으로 해결못한다면 넘어가도록 하자

그런류의 에러와 경고는 사이트에 그렇게 해를 안끼칠 수 있다.]

 

아래 "그림1"과 같이 크롬에서 점검할 사이트를 들어가서 키보드의 "F12"를 눌러주면 디버그모드로 들어갈 수 있다.

여기에서 "그림1"의 동그라미 부분과 같이 "콘솔"을 눌러주어 어떤 에러,경고 메세지가 나오는지 보자.

 

그림1

"그림1"에서 본인의 티스토리 블로그의 고칠수 있는 문제점이 하나 나왓다.

애드핏 광고 갯수 제한이 4개를 넘은 것이다.

이런 경고메세지 때문에 사이트가 느려지거나 각종에러와 저품질이 걸릴 수 있다.

본인은 바로 티스토리의 애드핏광고를 3개로 수정하였다.

 

 

 

그림2

"그림2"와 같이 "애드핏 광고 갯수 제한이 4개 제한" 경고가 없어졌고 그걸 해결해서인지, "그림1"에 있던

맨밑줄의 에러문구 더 이상 나오지 않는다.

사이트가 개선된 것이다.

 

이와같이 브라우저의 디버그 기능으로

자신의 수정할수 있는 부분의 사이트의 경고,에러를 수정,

해결해 나아가면서 사이트를 개선 시킬 수 있다.

 

 

 

=======================

=======================

=======================

 

 

 

 

 

 

 

반응형


관련글 더보기

댓글 영역