2013-05-19 3 views
0

내 문제는 HTTPS 연결을 사용하여 사이트를 볼 때 사이트의 홀수 요소가 다르게 보입니다. 소스를 볼 때 https 페이지에 몇 줄의 추가 줄 바꿈과 공백이있는 것을 발견했습니다. 둘 다 동일해야합니다. 예를 들어 내 탐색 막대의 모든 툴팁 아이콘은 https 페이지를 볼 때 줄 바꿈이 추가로 생기므로 줄 바꿈과 공백으로 인해 페이지를 변경할 때 왼쪽과 오른쪽으로 점프 할 수 있습니다.HTTPS 소스 코드에 공백이 있지만 HTTP가 없습니다.

Chrome 웹 관리자에 따르면 http 및 https 페이지가 모두 gzipped됩니다.

내가 생각할 수없는 것처럼 누군가 조사 할 몇 가지 사항을 가르쳐 줄 수 있습니까?

또한 다른 사이트에서도 발생할 수 있습니다. http://aws.amazon.com/cloudfront/https://aws.amazon.com/cloudfront/의 소스를 보면 추가 줄 바꿈을 볼 수 있습니다. HTTP 또는 HTTPS 버전도 해당 사이트에서 gzip으로 압축되지 않습니다.

CSS/HTML을 변경하는 것이 좋겠지 만 실제로 CSS/HTML은 좋지 않으며 HTTP/HTTPS가이 추가 체크를 매회 추가하지 않고도 동일하게 수행하면 훨씬 쉽습니다. 나는 CSS/HTML을 쓴다.

Symfony2를 사용하고 있습니다. (프레임 워크 외부에서 여전히 발생하는 것을 테스트했습니다.) 그래서 나는 공백을 모두 압축 할 수 있습니다. 부모 Twig 템플릿에 {% spaceless %} 태그를 사용했지만 모든 공백을 제거하지 못하고 이러한 종류의 태그를 계속 사용하는 것이 번거로워 보입니다.

도움 주셔서 감사합니다.

편집 : 추가 된 이미지.

side-by-side HTTP v HTTPS in Chrome

+0

줄 바꿈으로 '\ n' 또는'
'을 의미합니까? –

+0

'wget http : // aws.amazon.com/cloudfront /'와'wget https : // aws.amazon.com/cloudfront /'는 정확하게 동일한 파일을 바이트 단위로 제공합니다. 줄 바꿈을 어디서보고 있니? –

+0

'wget'이 무엇인지 모르겠지만 웹 브라우저에서보고 소스를보기로 선택할 때 차이점을 분명하게 볼 수 있습니다. 언급 된 사이트는 해당 페이지에서 https 요청을 수락하는 좋은 예입니다. 일부 URL은 동일한 URL에 대한 요청이 아닙니다. – user2143356

답변

0

나는이 문제를 발견했습니다.

내가 사용하는 네트워크 연결은 방문한 모든 사이트 (예 : AWS 사이트 예와 함께 문제가있는 사이트 포함)에서 줄 바꿈을 제거하여 페이지를 압축하는 것이지만, 보안 페이지.

'no-transform'캐시 제어 헤더를 추가하면 이러한 일이 발생하지 않습니다.

+0

네트워크 연결은 "줄 바꿈을 제거 할 수 없습니다". 어쩌면 서버 모듈이나 프록시 설정 일 수도 있습니다. HTTP 헤더에서 작업하는 대신이 작업을 수행하는 것이 좋습니다. 어쨌든, 마크 업은 줄 바꿈과 공백에 의존해서는 안되며, 구조 조정을 고려하십시오. –

+0

아니요, 모든 줄 바꿈을 제거합니다. 그들은 네트워크의 부하를 줄이기 위해이 작업을 수행합니다. 또한 일부 이미지를 압축하고 일부 JS를 주입하므로 특정 키를 눌러 이미지를 다시로드 할 수 있습니다. 마크 업 문제는 단순히 텍스트 편집기에서 Enter 키를 누르는 것입니다.모든 웹 페이지의 모든 HTML은 그대로 네트워크 연결과 함께 한 줄에 그대로 표시되지만 분명히 SSL 요청을 편집 할 수 없으므로 이상한 상황에서 1px 차이가납니다. – user2143356

관련 문제