firefox 2.0x에서 로컬로 디버깅 할 때 Visual Studio가 내 페이지를 올바르게 렌더링하지 못하는 이유는 무엇입니까?

Question

Fire Foxx 2.0x에서 로컬로 디버깅 할 때 내 페이지에 스타일이 제대로 추가되지 않거나 페이지가 완전히 렌더링되지 않습니다 (끝 부분이 잘린 것처럼 보임). 때때로이 문제를 해결하기 위해 여러 번의 새로 고침 또는 Shift-Refresh가 필요합니다. 이것은 일반적인 문제입니까 아니면 단지 저입니까? 어떤 해결책?

나는 이것이 fire fox 3.x에서도 나에게 일어나고 있다고 덧붙이고 싶다. 내 자바 스크립트를 페이지에 동적으로 추가하고 이것이 문제의 일부일 수 있습니다. Visual Studio를 사용하여 로컬로 작업 할 때입니다.

업데이트 : 이것은 IE에서 발생하지만 Fire Fox에서는 훨씬 자주 발생합니다. 문제는 자바 스크립트 및 CSS 파일이로드되지 않는 것 같습니다. 예를 들어 jQuery가 정의되지 않은 경우 $는 정의되지 않았습니다.이 URL을 테스트 할 로컬 IIS는 없지만 항상 서버에서 작동한다고는 생각하지 않습니다. Fire Bug는 요청하고 수신 할 모든 CSS와 자바 스크립트 파일을 보여줍니다.

Answer 1

할 일은 해당 페이지의 출처를 확인하는 것입니다. 내 생각 엔 VS가 실행되는 로컬 서버가 전체 페이지 소스를 제공하지 않는다는 것입니다. 이를 확인하는 한 가지 방법은 IIS 6과 같은 "실제"서버는 물론 디버그 환경에서 똑같은 코드를 실행하는 것입니다. 두 서버에서 페이지를로드 할 때 동일한 동작이 나타나고 전체 페이지 소스가 브라우저에서 수신 중이면 Firefox의 버그이므로보고해야합니다. 다른 브라우저, 즉. IE, Chrome, Safari, Opera는 페이지를 완벽하게 렌더링합니다.

Answer 2

이것은 Firefox 브라우저의 IPv6 및 DNS에 대한 문제 일 수 있습니다. 이 문제는 에 알려져 있습니다. Firefox on localhost : SOMEPORT. 일부 외부 파일이로드되지 않아 (css, js 등) 부분적으로 렌더링 된 페이지가 생성됩니다.

당신은 단순히 파이어 폭스에서 IPv6를 비활성화하여이 문제를 해결할 수 있습니다 :

파이어 폭스의 주소 표시 줄에
1. 삽입 about:config
2. 설정 network.dns.disableIPv6 양자 택일 true에 또는 network.dns.ipv4OnlyDomains

다른에 localhost를 추가 이 문제를 해결하는 방법은 호스트 파일에서 ipv6 주소를 다음과 같이 제거하는 것입니다. 파일 열기

C:\Windows\System32\drivers\etc\hosts 

(관리자 권한)

제거 (또는 주석 #) :

:: localhost 

Answer 3

하는 것은 문제의 범위를 좁힐 수 있는지 확인합니다. VS에서 디버깅 할 때 문제가 발생합니까? 아니면 로컬 IIS에서도 문제가 발생합니까? 서버 기반 IIS를 사용합니까? 회사의 다른 개발자에게도 발생합니까? 정말 파이어 폭스인가 아니면 Chrome, Opera, IE 등에서 발생합니까?

이미 다 해결했다고 가정하면 "Tamper Data"라는 FireFox 플러그인을 설치하는 것이 좋습니다. 페이지를 열고 페이지를 새로 고칩니다. 브라우저 (브라우저)에서 서버 (모든 html 파일, 이미지, CSS 파일 등)에 대한 모든 연결 기록을 볼 수 있습니다. 어떤 파일이 너무 느리거나 완료되지 않았는지 확인하십시오 (아마도 이러한 파일 중 하나가 오래 걸리며 FF는 다른 중요한 파일을로드하기 전에 완료 될 때까지 기다리는 중입니다).

모든 파일이 제대로로드된다고 가정하면 구문이 유효한지 확인해야합니다 (FF 혼동을 일으키는 닫히지 않은 태그 나 따옴표가있을 수 있습니다). "웹 개발자"라는 플러그인을 사용합니다. 그러나 다른 많은 옵션이 있습니다.

FireBug라는 플러그인을 사용하여 페이지의 여러 부분에서 HTML을 보면 눈에 띄는 문제가 있는지 확인할 수 있습니다. FireBug를 시작하고, HTML 탭으로 가서, Inpsect를 클릭하고, 페이지상의 무언가 위로 마우스를 움직이면, 뒤에 HTML이 표시됩니다.

Answer 4

Firefox에서 보이는 내용과 Visual Studio 디자이너에서 표시되는 내용을 비교하고 있습니까? 이 경우 html을 렌더링하는 데 두 가지 다른 메소드를 사용하고 있으며 동일한 메소드를 표시하지 않을 수도 있습니다.

Answer 5

이 항목에 대한 자세한 내용은 무엇입니까?

나는 방화 광을 사용하여 트래픽을 검사했으며 스타일 시트 요청에 대한 응답을 보았을 때 응답이 비어있는 것처럼 보입니다. 새로 고침 (때로는 여러 번) 후에 나이가 올바르게 표시되고 응답 정보에 스타일 시트가 포함됩니다. 나는 다른 어떤 브라우저에서도 이것을 보지 못했으며 Visual Studio에서 앱을 볼 때만 발생합니다.

Answer 6

2! 최근에 나는 같은 문제가 있었다. MVC 1.0을 사용하고보기/공유 폴더에 새 스타일 시트를 추가했습니다. 그리고 프로젝트를 실행하면 페이지가 CSS와 함께 렌더링되지 않습니다. 웹 프로젝트가 MVC 일 경우 css 파일을 Content 폴더에 넣으십시오. 도움이 되길 바랍니다. HaiVu.Doan.

Answer 7

다른 사람이 Visual Studio의 최신 버전에서이를 발견하면 관리자 권한으로 VS를 실행해야합니다. 이것은 내가 잊고있는 일이지만, VS를 열 때 관리자 권한으로 실행을 클릭하면 문제가 사라졌습니다.

초기 문제는 Firefox를 브라우저로 사용하는 VS 2012 프로젝트를 실행할 때 CSS를 렌더링 할 수 없었습니다. (IE는 잘 작동했다, btw.) 콘텐츠는 있지만 CSS는 없을 것입니다. 이것은 내가 내 질문에 타이핑 할 때 발견 한 첫 번째 게시물이었습니다.