게시 날짜 : 2011년 1월 26일
태그 : CMS , CSS , 글꼴 , 자바 스크립트 , 필리핀 , 월드 와이드 웹 웹사이트를 디버깅하는 것은 지루한 작업이 될 수 있습니다. 복잡하지 않은 웹 사이트가 몇몇 웹 사이트를 포함할 수 있으며 유지하고 디버깅하기가 훨씬 쉬울 것이지만, 더 큰 크기의 복잡 오면, 그 분통이 터지는 만남은 디버깅을 만드는 것입니다. 모든 기능 및 잘못 들어와서하지 않고 테스트를 인터넷 사이트인가요? 그리고 문제를 가져올 웹 페이지의 링크 또는 부분을 다시 손상했을 수도 있지 않으면 그것은 당신이 즉시 이러한 문제를 해결하는 필요가 있습니다!
뿐만 아니라 그것은 고객의 관점에서 개인적으로 당신을 위해있을 수없는 일이죠 보일 수 있지만 웹 페이지의 내부 실수 detrimentally 검색 엔진 순위에 영향을 줄 수 있습니다. 이건 정말 구글과 특히 유행이다. 구글은 페이지, 사진이나 링크가 실제로로드되지 않는 오류가있는 인터넷 사이트에 대한 약간의 내성을 갖고있는 것 같아요, 우리는 신속하게 위치를 버리고 거의 검색 엔진의 최종 결과에서 사라지다 10 위 안에 순위가있는 웹 사이트를 보았다.
웹사이트 문제가 그들이 정확하게 연결되어있는가 어디에로드되지 NET 페이지에 의한 경우를 대비해서 작업하고있는 월드 와이드 웹 호스팅 조직 검사를 취해야합니다 :
그들의 서버가 귀하의 웹사이트에 비해 너무 느립니다;
용량에서 자신의 서버들은 서버에서 호스팅 사이트의 금액인가요?
아니면 자신의 월드 와이드 웹 서버가 불안정하고 매우 자주 가서.
상관없이 어떤 목적으로, 그들이 그것에 대해 뭘하고 인터넷 인터넷 호스팅 조직을 부탁드립니다. 그들이 쉽게 문제가 해결되지 않으면 다음 새 그물 인터넷 호스팅 회사를 본적이
! 그들이 태도 - 당신은 주변 기업 호스팅의 큰 거래를 발견할 수 적시 내에서 어려움을 해결하려고하지 않는 변명을 받아 본건 아니고, 그럼 당신이 가난한 최고의 품질로 만족해야하는 이유도 목적은 없습니다.
비용은 인터넷 인터넷 호스팅 회사는 서비스 우리가 비용이 많이 드는 웹 인터넷 호스팅 기업은 낮은 우수한 호스팅 서비스를 제공하고 관찰해야하며, 낮은 비용으로 회사가 높은 좋은 품질을 생산 서비스, 최고의 품질을 생산하려고할지 여부의 일반적 나타내는 아니지만 당신은 아마 몇 백 달러 일년을 구할 수도 믿고 있기 때문에 싼 그물 인터넷 호스팅 회사를 선택하지 마십시오. 인터넷 사이트에서 일관성 문제가 좀 있고, 여러분은 또한 검색 엔진에서 포지셔닝을 흘리다면 그것은 몇 십 달러 일년보다 상당히 좀 더 귀하의 비즈니스를 치르게됩니다.
이 경우 웹사이트 오류를 가지고 밖으로 발견 어떻게해야합니까?
수동으로 다양한 사용자의 수를 갖게되면 그것을 통해 탐색하여 사이트를 검사합니다. 모든 뒤로 정확하게 작동하고, 거기에있을 모든 이미지는 게재하고 계신 것으로 확신합니다.
오류가 게재되는 경우 그물 통계 보고서가 발견하는 검사합니다. 귀하의 웹 사이트에 대한 리포트 이러한 유형을 가지고 있지 않습니다 경우에는 즉시 인터넷 호스팅 업체를 변경!
웹 사이트를 디버깅하는 단계 가이드에 의해 작업 :
1. 바로 문서를 편집하려면 확신한다.
이벤트에 당신이 웹 브라우저 내부를보고 우연히 웹페이지는 메모장 또는 HTML 편집기에서 수정하고 동일한 문서입니다 봅니다 테스트합니다. 같은 파일의 여러 복사본으로 작업하는 때 혼란해지기 손쉽게입니다.
예를 들어, 느린 인터넷 연결을 가진 대부분의 웹마 스터가 자주 변경 오프라인으로 만들고 자신의 개인 PC에 자신의 인터넷 웹사이트의 모방 중복을 유지하는 것을 선호합니다. 그것은 웹 페이지를 오프라인 업데이 트 빠르게 될 수 있습니다. 그들이 기본으로 작동되도록하면 중복으로 저장 후 온라인 변경 한번보세요.
하지만 그들은 종종 사람을 중요한 위상을 남겨주 : 서버에 대한 변경 문서를 보냈다. 인터넷에서 복제는 웹마 스터가 수정된 파일을 업로드하는 걸 잊었는 사실로 인해 약간의 변화를하지 않았습니다! 파일 열기 내부 인터넷 브라우저가 수정되었습니다 동일한 파일이 아닙니다.
참고 : 일반적으로 백업에 관계없이 있었는데 어떤 종류의 관계 당신의 웹사이트 중복 보유한다!
2. 인터넷 브라우저의 캐시에주의
당신은 오른쪽 페이지를 수정하는 것을 확신하지만 수정 여전히 인터넷 브라우저 내에 나타나지 않으면, 그때 당신은 캐싱 딜레마를 가지고 있습니다.
솔루션은 종종 웹 브라우저를 닫고 브라우저 캐시가 제대로 작동하지 않기 때문에 단순히 그것을 재개만큼 단순합니다. 일반적으로 캐시 너의 친구이다 : 그것은 다운로드한 파일을 저장할 때 브라우저 요청 그들이 다시 지역 사회의 복사본을로드하여 웹 페이지 다운로드 시간을 감소시킵니다. 그것은 서버에 적은 수의 요청을 의미합니다.
이론적으로, Explorer와 Netscape의 "하드 새로고침"(당신이 웹 페이지를 다시로드로 Shift 키를 누르십시오) 소스 (서버 또는 로컬이 흉내 중) 대신 캐시 백업을로드 웹 페이지를 요청하기 위해 웹 브라우저를 알려줍니다 .
그것은 이론이지만 현실에서 때때로 단지 전적으로 웹 브라우저 창을 종료하고 변환된 파일을 보려면 그것을 재개해야합니다.
3. 깨끗한 HTML 코드를 작성
당신이 도착하기 전에 손을은 문제를 디버깅하려는 더러운, 당신이 정말로 어떤 코딩 잘못 들어와서이없는 자신감을 만드는 데 귀하의 웹사이트 페이지를 통해 HTML 도구 상자를 실행합니다. 클린 HTML 코드는 문제를 해결하기 위해 보장되어 있지 않지만, 그것은 중요한 무대가 될 수 있습니다.
그러나 문서가 HTML 코딩 실수 무료입니다면 문제는 캐스케이딩 패션 시트 (CSS)이나 자바 스크립트 코드 내에있을 수 있습니다. 오류 및 브라우저에 디스플레이 문제를 위해 모두를 검토합니다. 그리고 시간 코드, CSS, 그리고 자바 스크립트에서, 명심 모두 올바르지만, 기본적인 어려움은 웹 브라우저 지원입니다! 페이지가 여러 브라우저 버전 및 운영 체제에서 어떻게 보이는지 확인하기 위해 인터넷 브라우저 사진을 사용하십시오. 당신은 인터넷 브라우저가 진정으로 당신이 고용 스타일 기법을 지원하는 시기를 결정하는 데 확인한 매우 하나의 브라우저에서 전시 문제를 찾으시기 바랍니다.
예를 들어, 오페라는 동적 양식 필드를 만들고 웹 TV는 매우 제한된 자바 스크립트 지원을 가지고하는 CSS를 사용하도록 허용하지 않습니다. 당신의 브라우저는 항상 다르게 웹 사이트를 보여주는 것을 모르고있다면, 기회는 당신이 독특한 전략을 사용하는 경우를 제외하고 할 수있는 건 아무것도 없을 때 실제로 웹 사이트를 디버깅하고자하는 충분한 시간을 낭비 할게 있습니다.
그것은 당신이 방금 딜레마를 발생하지 않은 걸 위안으로있다 -하지만 당신이 단지 역시 그것을 고칠 수 없다는 것을 깨닫게 좌절!
4. 그것을 한 번에 하나의 특정 단계를 가져가라.
HTML 도구 상자의 구독 모델은 코딩 문제를 파악하고 복구하는 것입니다, 그때 당신에게주고 당신이 한 번 봐, 그리고 자신의 서버에 추가할 수있는 웹 페이지에 모방 수정. 당신이 시험 모델을 채택한한다면, 도구 상자는 개인적으로 당신을 위해 문제를 찾아냅니다. 당신은 그들에게 당신의 자아를 해결하는 데있어.
손으로 실수를 고치고있는 한 문제는 원래의 문제를 파악하고 싶었하더라도 여러분들이 단순히 보통 새로운 잘못 들어와서을 소개한다는 것입니다.
이 함정을 피하기 위해서는 항상 한번에 하나의 특별한 분신을합니다. 그것은 오직 당신이 시작했을 때보다 더 봐 가지고, 페이지에 대한 광범위한 오류를 정정하기 시간을 지체할 미치게하는 것입니다. 다음과 같이 준수 :
도구 상자에 의해 중지 첫 번째 오류를 가지고 그것을 복구합니다.
파일을 보존.
웹사이트 페이지 (이 문서에서 스테이지 하나의 특정을 잊지 마세요!) 테스트!
때때로, 사람이 오류를 바로잡고 여러 문제를 담당한다. 그것은 주로 태그가 효과적으로 코드의 나머지 부분을 통해 캐스케이드 수 닫지 않을 같이 하나의 오류 때문입니다. 소프트웨어는 부적절 코드의 나머지 부분을 읽고 모든게 엉망이되어 가정 수도 있습니다 - 사실의 문제가 단순히 그저 하나의 태그에 인용 부호 또는 브래킷을 닫아 걸 잊었 때.
조정을 한 번에 만들기 있으며 결과 및 수리 문제를 평가하기 위해 훨씬 덜 어렵다.
5. 서버측 문제에 대한 관심을 지불합니다.
당신은 아마 웹페이지가 라이브 서버에있는 경우에만 결과를 제공하는 서버 측 기술의 활용 수 있습니다.
다음은 간단한 목록입니다 :
서버측 포함 : 그들은 서버측 기술으니 다음은 사회 시스템에서 보이지 않습니다. 여러분은 그들을 살펴봐야 귀하의 웹페이지를 업로드할 수 있어요.
데이터베이스 기능 : 당신이 역동적인 세계 - 와이드 웹 인터넷 사이트를 실행하고 데이터베이스 쿼리에서 파리 주변에 웹사이트를 만들고있다면, 그때 당신이 먼저 그들을 테스트 서버에서 웹페이지를 업로드 할 수도 있습니다. 그게 당신이 로컬 시스템이 고정되어 있지만, 사용자의 웹 호스트가 데이터베이스 또는 쇼핑 카트 소프트웨어를 공급하는 경우지만, 기회는 당신이 인터넷에서 설계할 필요가 있는데 방법에 따라 달라집니다!
를 Frontpage 양식 : FrontPage는 반면에 CGI 스크립트를 설치, 데이터베이스 설치 등을 방해하지 않고도 작업 형태의 코스에서 간단하게, 당신은 FrontPage 확장이 종류의 행동 과정을하기 전에 서버에 설치되어 있고 올바르게 전시해야 . FrontPage가 일반적으로 웹사이트의 페이지는 "그들이 효과적으로 표시하기 전에 게시해야 할 요소가 들어 있습니다."때 경고도 그것을 디버깅하려고 시작할 당신에게 전에 웹사이트 페이지를 추가하려면 큐 이죠.
6. HTTP 스니퍼를 사용하여
HTTP를 디버거 프로와 같은 HTTP의 탐지기가 대폭 웹 사이트 디버깅 만남은을 향상시킬 수 있습니다.
웹 사이트에있는 일반적인 문제는 다음과 같습니다
HTML 잘못된
손상된 하이퍼 링크
메타태그를 누락
자바 스크립트 실수
HTML을 문제 :
하이퍼 텍스트 마크업 언어 - 우리의 인터넷 웹 사이트는 HTML이라는 "워드 프로세싱"언어의 다양한 생산됩니다. 이 언어는 웹 문서는 것해야 할 방법을 말할 태그 구성되어 있습니다. 예를 들어, 대담한 텍스트를 생성하는 데,이 HTML을 사용합니다
<b> 굵게 굵게 쓰기 </ B>
시작과 끝 사이의 모든 태그 <b> 다운로드 및 </ b>을 굵은 글씨로 나타납니다. 모든 언어와 마찬가지로, 당신은 규칙을 찾을거야, 플러스 HTML에 대한 지침은 조직 되나 월드 와이드 네트 컨소시엄 (W3C)에 의해 해결됩니다. 그들은 당신이 볼 수 실행할 수 있지만 귀하의 웹사이트들의 요구 사항을 충족하는 경우 수 테스트를 사용합니다. 당신이 통과 경우에는 귀하의 페이지에 유효한 HTML을합니다.
어떻게 HTML을 잘못 들어와서가 발생합니다 :
HTML의 문제는 많은 것들로 인해 발생할 수 있습니다. 여기에 문제의 가장 빈번한 원인은 다음과 같습니다
HTML이 사용되기의 버전을 지정하지 않으면. 이건 정말 정말 전형적인 딜레마이다. 웹 웹페이지의 HTML의 첫 번째 라인은 문서 종류를 표시해야합니다. 전세계-웹 브라우저가 HTML가 등장하는 버전에 적응하려고 주로하기 때문에, 그 알 수없는 (또는 잘못 수정된), 웹 페이지가 아니라 현재의 인터넷 브라우저에 따라 전적으로 다양한 볼 수있다면 정말 이것을 지정 중요 널리 사용되고 있죠.
인터넷 문서 편집기 잘못된 HTML을 생성할 수 있습니다. 이것은 2 년 소수의 내부 개선되었지만 일부 응용 프로그램은 요구 사항을 준수하지 않습니다. 최악의 위반자는 마이크로 소프트 프론트 페이지입니다. 그것은 삽입 없겠 정크 모든 종류의. 이전 버전의 몇 가지 어려움을 가지고 있지만 드림위버, 또 다른 잘 좋아하는 편집기, 지금은 꽤 잘 않습니다. NVU는 좋은 직장을 않는 다른 사람입니다. 그리고 물론, 당신은 처음부터 자신의 HTML을 작성할 수 있습니다. 그것이 우리에게 HTML을 완벽하게 제어할 주로하기 때문에 우리는 여기서 처음부터 대부분 써주세요.
조잡해 수정 문제의 다양한 장치입니다. 정보, 제대로를 닫거나 둥지 태그 데있어서의 실패, 그리고 부주 의한 실수를두면 인터넷 문서에 혼란을 과시하실 수 있습니다. 유감스럽게도, 컨텐츠 물질 관리 시스템 (CMS) 애플 리케이션의 많은 아마 오늘날 프로그래밍을 수행하는 독특한 사람들이 많이 있기 때문에, 그들이 생성하는 HTML의 문제를 가지고 있고, 많은 프로그래머는 유효한 HTML을 만들기 위해 최선의 방법을 모르겠다
어떻게 HTML 에러를 발견하실 수 있습니다
유효성 검사 실수는 W3C의 마크업 유효성 검사 서비스와 협력 식별 수 있습니다. 그것은 귀하의 웹 사이트 페이지와 관찰 어떤 문제, 공정 기술 측면에서 당신을 알려줍니다. 이러한 실수를 발견하는 또 다른 방법은 총 검사기라는 파이어 폭스 플러그인을 사용하는 것이다. 그것이 한 번의 클릭으로 유효성 검사에 대한 접근뿐만 아니라 당신이 문제가 어디에 있는지 정확하게 볼 수 있도록 결과를 웹사이트 페이지의 컨텍스트 내에서 표시됩니다를 제공하기만하기 때문에이 도구는 좋은 것입니다. 그들은 또한 맞춤법 검사 및 화면 캡처와 같은 더 많은 옵션을 제공하는 웹 기반 유효성 검사 장비를 보유하고 있습니다.
HTML 유효성 검사 :
유효성 검사는 인터넷 웹사이트의 페이지에 관계없이 활용하는데 어떤 웹 브라우저의, 적합한 것 같습니다 보장하는 데 도움이됩니다.
검색 엔진은 작성한 내용을보고 문서를 이해할 수있다. 일부 오류는 구글과 같은 검색 엔진에서 읽을지고로부터 콘텐츠를 방지할 수 있습니다.
페이지 남성과 장애 여성에 훨씬 더 액세스할 수 있습니다.
손상된 뒤로 :
아무것도 손상된 URL처럼 방문자를 귀찮게 않습니다. 정말 귀하의 웹페이지 웹사이트에 모두 적절하게 운영해야하며 접근할 수 있어야하는 것이 매우 필요합니다. 그것은 정말 나쁜 경우 방문자 하이퍼 링크를 클릭하고 오류 문서 또는 예상했던 이외의 무언가를 얻을 수 있습니다. 당신이 다시 링크 페이지가 또는 귀하의 사이트에 자주 추가 및 삭제를 할 경우 정기적으로 깨진 링크를 체크 아웃해야합니다.
인바 운드 링크가 깨진받을 방법 :
깨진 링크는 이유로 선택할 발생할 수 있습니다 :
인터넷 사이트에서 인터넷 문서는 이동 또는 삭제됩니다.
누군가 다른 사람의 웹사이트에 온라인으로 문서를 이동 또는 삭제됩니다.
인터넷 인터넷 사이트 (자주 occurence) 존재 중단!
와 홈페이지 계약의 오타 또는 잘못된 대문자.
손상된 인바 운드 링크가 손쉽게 고칠 수 있습니다 - 그들을 업데이 트하거나 제거해야합니다.
손상된 인바 운드 링크를 다루는 가장 좋은 방법은 :
업데이트된 링크를 찾아보십시오 - 경우 뒤로 링크가 귀하의 웹사이트에, 수리 웹마 스터에게 문의하십시오. 링크 추가 웹 웹 페이지에 특정 웹사이트 페이지에있는 경우, 주소의 단지 도메인 이름 부분을 방문하려고합니다. 웹사이트 링크를 시도 단지 www.somesite.com로 진행하고, www.somesite.com / somepage.html로 이동하는 경우 예를 들어, -를 아마도 당신은 새로운 자리에 원래의 내용을 발견할 수 있습니다. 당신이 그것을 찾을 경우, 웹마 스터의 새로운 웹사이트의 링크를 보낼 수 있습니다.
대체 하이퍼 링크를 밝히기 - NET은 인터넷 사이트에 오는 모든 시간을 제목으로, 매우 과도 장소입니다. 당신이 일반적으로 유사 한 가지를 제공하는 웹 페이지를위한 찾고 새롭게 이전을 대체할 수 있습니다.
손상된 인바 운드 링크는 또한 다음과 같은 도구 중 하나를 이용하여 치료할 수 :
한 W3C의 뒤로 링크 검사기 -.이 소프트웨어는 하나의 인터넷 인터넷 사이트의 단일 웹 페이지를 테스트합니다. 단지, 당신은 체크 아웃뿐만 아니라 검사기는 인터넷 웹페이지, 다른 웹 웹 사이트와 같은 하이퍼 링크로 페이지 내에 각 하이퍼 링크를 문서를 방문하여 확인하는 것입니다 필요로하는 페이지의 전세계-웹 태클 (URL)를 입력 사진, 패션 시트, 문서 내부에 연결된 다른 아무것도 없죠. 귀하의 사이트에서 크게 2 개 이상의 문서를 확인하려면, 하이퍼 링크 검사기는 웹 페이지에 들어갈 필요가 얼마나 많은 페이지가 깊은 지정 재귀 깊이를 마련. 2 또는 3의 설정은 정말 사이트의 모든 웹 페이지를 테스트하기에 충분해야합니다.
2 Google 웹마 스터 도구 -.가 Google 웹마 스터 계정을 마련했다면, 정말로 "깨진 링크"보고서입니다 1 중 귀하의 사이트에 대한 보고서, 한 무리에 접근할 수 있으니까. 이것은 전체 웹사이트를 다루고, 그래서 그것은 매우 귀중한 모니터링 장치가 될 수 있습니다. 대시보드에서 다음, 다음 웹 인터넷 사이트 URL, 진단, 인터넷 크롤링 후 깨진 하이퍼 링크 보고서를 발견하기 위해 신원을 클릭합니다. 귀하의 사이트에 다시 링크를 웹페이지에 들어간다면 자주이 보고서를 테스트해야합니다.
3. 하이퍼 링크 검사기를 설치합니다 - 우리는 WebTester이 되나 프로그램을 사용하여 - 그것은 구글과 같은 검사를하지,하지만 그것은 당신의 세계 - 와이드 웹 인터넷 사이트에 설치되어 있고 원하는대로 당신과 같은 보통 그것을 실행할 수 있습니다. 필요한 것은 웹 사이트에서 PHP를 실행하는 기능입니다.
다바오, 필리핀에 본사를 둔 필리핀 수석 PHP 프로그래머, 웹 개발자 및 웹마 스터. Joomla, 워드 프레스, Soholaunch, Oscommerce, Drupal, 소셜 미디어 사이트, 등 관련 전문가
더많은 게시물 - 홈페이지
왜 임베디드 폰트를 사용? 
