javascript - 페이지를 연 후 비어 있는 경우 문제를 어떻게 찾을 수 있습니까? 네트워크나 서버 문제가 아닌 경우 프런트 엔드 문제인 경우 어떻게 찾을 수 있나요?

방금 면접 질문을 봤는데 어떻게 대답해야 할지 모르겠어요. 다들 어떻게 생각하는지 모르겠어요. 매우 감사합니다.

답글 내용:

방금 면접 질문을 봤는데 어떻게 대답해야 할지 모르겠어요. 다들 어떻게 생각하는지 모르겠어요. 매우 감사합니다.

브라우저 개발자 도구에서 페이지에서 반환된 상태 코드를 확인하세요. 500 시리즈인 경우에는 웹 서버의 오류 로그를 확인하여 오류가 발생한 위치를 확인할 수 있습니다. 200이 반환되면 콘솔을 확인하여 js에 문제가 있는지 확인하는 오류 메시지가 있습니까? 물론 콘텐츠가 있는지 확인하려면 페이지 소스 코드를 확인하세요. 문제를 발견할 가능성은 거의 없습니다

1.프런트엔드 분석: Chrome 개발 도구를 열고 http[s] 프로세스를 기록한 다음 http 상태 코드를 얻습니다.
2.백엔드 분석: grep nginx 오류 로그 또는 액세스 로그, 예상치 못한 grep http 요청 후 가져옵니다.

js 차단?

에 외부 js가 도입되어 실행 시간이 길면 이때 페이지는 비어 있어야 합니다. 페이지, 즉 부분은 의 외부 파일이 로드되어 실행될 때까지 표시될 수 없습니다.

리소스 로딩 상태를 확인하여 네트워크나 서버에 문제가 있는지 확인하세요. js 오류가 있고 페이지 로딩이 중단되었는지 확인하세요. 페이지 소스 코드를 참조하세요.

프론트엔드 문제라면 스크립트 로딩 오류, js 코드 문제 등 다양한 오류가 발생합니다. 리소스 로딩 문제인 경우 브라우저 개발자 도구에서 이를 감지하고 올바른 해결 방법을 처방할 수 있어야 합니다. 코드에 문제가 있는 경우 해결 방법은 다양합니다. Try...catch는 비교적 간단하고 일반적으로 사용되는 방법입니다. 그게 내가 아는 전부입니다.

저만의 해결책이지만 면접답변으로 적합한지는 잘 모르겠습니다. 무리하더라도 양해 부탁드립니다.

---

1. 우선 제가 직접 작성했다면 페이지가 있을텐데, 코드를 좀 작성하고 다시 브라우저를 새로고침해서 빈 페이지가 나오면 방금 작성한 코드를 전부 복사해 놓겠습니다. 그런 다음 원본 페이지에서 삭제하고 문제가 없는지 확인하십시오. 문제가 없으면 새 코드를 확인하고 기본 코드에 넣으십시오.

2. 둘째, 코드를 많이 작성했는데 어디가 문제인지 모르겠다면 먼저 페이지를 열어 태그가 제대로 되었는지, 헤드 부분의 링크가 맞는지, Node.js 순서가 올바른지, 충돌이 있는지 여부를 확인하세요.