Chrome 64의 로컬 파일에서 CSS 규칙에 액세스할 수 없는 이유는 무엇입니까?

Chrome 64의 로컬 CSS 파일에서 CSS 규칙에 액세스할 수 없음: CORS 및 보안 사례

Chrome 64에서는 더 엄격한 Cross-Origin 리소스 공유를 시행합니다. (CORS) 정책에 따라 개발자는 이제 로컬 CSS 파일에서 CSS 규칙에 액세스하는 데 제한을 받습니다. 이 문제는 Chrome의 최근 입장과 다른 브라우저에서 허용되는 것으로 간주되는 관행 사이의 불일치로 인해 발생합니다.

문제

이 문제는 CSS에 액세스하려고 할 때 발생합니다. 로컬 파일 시스템에서 로드된 스타일시트의 규칙입니다. 이 작업은 HTML 문서와 CSS 파일 간의 보안 출처 차이로 인해 CORS 오류를 유발합니다. Chrome 64 및 후속 버전에서는 CSSOM(CSS 개체 모델) 사양에 명시된 규정에 따라 이 동작이 이루어졌습니다.

솔루션

회피하려면 이 문제로 인해 개발자는 다양한 해결 방법을 채택했습니다.

• 웹 사이트를 배포하거나 개발 서버를 사용하여 로컬에서 테스트하면 브라우저가 해당 웹 사이트를 CSS 파일과 동일한 원본으로 처리하여 CORS 정책을 충족할 수 있습니다. .
• CSS 규칙에 대해 더 엄격한 CORS 적용을 아직 구현하지 않은 Internet Explorer, Microsoft Edge 또는 Firefox와 같은 대체 브라우저를 사용합니다.
• --allow-file-을 사용하여 Chrome 호출 더 엄격한 CORS 정책과 로컬 CSS 규칙 정보에 대한 액세스를 일시적으로 비활성화하는 access-from-files 플래그.

TL;DR

개발자는 다음을 수행해야 합니다. Chrome 64에 구현된 새로운 보안 조치를 준수하면서 로컬 개발 서버 또는 대체 브라우저를 사용하여 로컬 CSS 파일에서 CSS 규칙에 액세스합니다. 이러한 제한은 동일 출처 정책의 중요성과 안전한 웹 개발 관행의 필요성을 강조합니다.

위 내용은 Chrome 64의 로컬 파일에서 CSS 규칙에 액세스할 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!