내 HTML 페이지의 머리에는 다음이 있습니다.

<script src="https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js"></script>

브라우저 (Google Chrome v 27.0.1453.116)에 페이지를로드하고 개발자 도구를 활성화하면 다음과 같이 표시됩니다.

MIME 유형 ( ‘text / plain’)이 실행 가능하지 않으므로 ‘ https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js ‘ 에서 스크립트 실행을 거부했습니다. 엄격한 MIME 유형 검사가 활성화되었습니다.

실제로 스크립트가 실행되지 않습니다. Chrome에서 이것이 일반 텍스트 파일이라고 생각하는 이유는 무엇입니까? .js파일 확장자 가 분명히 있습니다 .

HTML5를 사용하고 있기 때문에 type속성을 생략 했기 때문에 문제가 발생할 수 있다고 생각했습니다. 그래서 나는 추가 type="text/javascript"받는 <script>태그와 같은 결과를 얻었다. 나는 시도했지만 type="application/javascript"여전히 같은 오류가 발생했습니다.

그런 다음 type="text/plain"호기심으로 바꾸려고했습니다 . 브라우저는 오류를 반환하지 않았지만 물론 JavaScript도 실행되지 않았습니다.

마지막으로 파일 이름의 마침표로 인해 브라우저가 중단 될 수 있다고 생각했습니다. 따라서 HTML 코드에서 모든 마침표를 URL 이스케이프 문자로 변경했습니다 %2E.

<script src="https://raw.github.com/cloudhead/less%2Ejs/master/dist/less-1%2E3%2E3.js"></script>

이것은 여전히 ​​작동하지 않았습니다. 실제로 작동하는 유일한 방법은 (예 : 브라우저에서 오류가 발생하지 않고 JS가 성공적으로 실행 됨) 파일을 다운로드하여 로컬 디렉토리에 업로드 한 다음 src값을 로컬 파일 로 변경하는 것 입니다. 내 웹 사이트의 공간을 절약하려고하기 때문에 오히려이 작업을 수행하지 않습니다.

연결된 파일이 실제로 자바 스크립트 유형임을 Chrome에서 인식하도록하려면 어떻게해야하나요?

답변

Accept-Ranges   bytes
Connection  Keep-Alive
Content-Encoding    gzip
Content-Length  31097
Content-Type    application/javascript
Vary    Accept-Encoding
Request Headersview source
Accept  text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

Accept-Ranges   bytes
Connection  Keep-Alive
Content-Disposition inline
Content-Encoding    gzip
Content-Length  41354
Content-Transfer-Encoding   binary
Content-Type    text/plain; charset=utf-8

https://raw.github.com/joelambert/CSS-Animation-Store/master/cssanimationstore.js

https://rawgithub.com/joelambert/CSS-Animation-Store/master/cssanimationstore.js

https://rawgit.com/joelambert/CSS-Animation-Store/master/cssanimationstore.js