AMP

Preview and validate

프리뷰

다른 정적 HTML 사이트를 프리뷰하는 것처럼 AMP 페이지도 비슷하게 프리뷰할 수 있습니다. 어떤 빌드 단계나 전처리 단계를 요구하지 않습니다. 다음 중 하나를 선택하세요.

  • 파일 시스템을 통해 브라우저에서 페이지를 직접 엽니다 (어떤 요소는 XMLHttpRequests 실패로 인해 작동이 안될 수도 있습니다.)
  • Apache 2 또는 Nginx 같은 로컬 웹 서버를 사용합니다.. (팁: 빠른 웹 서버 사용을 위해 python -m SimpleHTTPServer를 실행합니다.)

유효성 검사

그리고나서, AMP 페이지가 실제로 유효한 AMP인지 확인합니다. AMP가 유효하지 않다면 Google 검색같은 타사 플랫폼에서 검색되거나 배포되지 않습니다. 유효성 검사는 다음 단계로 진행합니다.

  1. 브라우저에서 페이지를 엽니다.
  2. "#development=1"을 URL에 추가합니다(예: http://localhost:8000/released.amp.html#development=1).
  3. Chrome DevTools 콘솔을 열고 유효성 검사 오류를 확인합니다.

읽어보기 – 유효성 검사에 대해 알아보고, 오류가 발생했을 때 무엇을 해야하는 지 알아보세요.