외부 CSS의 Firefox 3 구문 오류

StackOverflow https://stackoverflow.com/questions/842627

문제

다음 html/css를 사용할 때 Firefox 3.0.10/Leopard에서 이상한 구문 오류가 발생합니다.

foo.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
  <link rel="stylesheet" href="foo.css"/>
</head>
<body>
Foo
</body>
</html>

foo.css:

div {
  color: #FF0000;
}

콘솔에 나타나는 오류는 다음과 같습니다.

Error: syntax error
Source File: file://path/to/foo.css
Line: 1, Column: 1
Source Code:
div {

인라인 STYLE 태그의 본문에 붙여넣으면 문제가 없으므로 CSS가 아닙니다.HREF를 스택 오버플로의 CSS 파일로 지정해도 오류가 발생하지 않기 때문에 링크 태그가 아닙니다.Firefox 버그처럼 느껴지지만 이에 대한 문서를 찾을 수 없습니다.이는 알려진 문제인가요? 해결 방법이 있나요?디버깅이나 유효성 검사가 어렵습니다.

감사해요.

도움이 되었습니까?

해결책 2

댓글에서 제안한 대로 대답은 "확장 프로그램 끄기(YSlow였습니다)"로 밝혀졌습니다.

다른 팁

파일의 첫 번째 문자인 'd'에 오류가 발생합니다. 이는 "숨겨진" 특수 문자와 같은 것을 배제합니다.나는 Firefox가 어떤 이유로든 로컬에서 파일을 열 수 없거나 파일이 실수로 대화 상자에는 제대로 표시되지만 정상적으로 구문 분석되지 않는 인코딩으로 저장되었다고 추측합니다.혹시 실수로 유니코드로 저장한 건 아닐까요?

우리를 실제 파일에 연결할 수 있다면 도움이 될 것입니다. 왜냐하면 귀하의 구문(마크업이 정확하게 유효하지는 않지만 그게 아닌 것 같지만)이 붙여넣은 .css 파일에서 완벽하기 때문입니다.

파일이 Windows에서 작성되었습니까?캐리지 리턴/새 줄을 mac os x로 다시 포맷해야 할 수도 있습니다.명령줄에서 dos2unix와 같은 것을 통해 파일을 실행해 보십시오.또한 봄 당신은 볼 수 없습니다.

내 생각에는 파일에 실수로 저장되었을 수 있는 숨겨진 문자가 있는 것 같습니다.CSS 파일을 다시 저장하거나 첫 번째 줄을 다시 입력한 후 다시 저장해 보세요.

Google에서 와서 로컬 HTML로 작업하는 경우 Firefox는 다음을 사용하는 외부 CSS에 대한 요청을 차단합니다. file:// 기술적으로는 교차 출처 요청이기 때문입니다.

빠른 수정은 사이트가 포함된 디렉토리를 통해 localhost에 제공하는 것입니다. http://.Python 인터프리터가 설치되어 있으면 이 작업을 매우 쉽게 수행할 수 있습니다.

python3 -m http.server 8080

그런 다음 브라우저를 통해 localhost에 액세스하십시오.

firefox localhost:8080

교체할 수 있습니다 8080 다른 포트와 함께.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top