2014-04-24 1 views
0

Edge Inspect를 사용하여 iPhone의 Rails 사이트에 대해 작업하고 있습니다.Rails 앱을 테스트 할 때 Edge Inspect에서 일부 스타일 시트가 누락되었습니다.

라이브 사이트를 탐색해도 제대로 작동하지만 개발 버전을 탐색 할 때 일부 CSS 파일이로드 된 것처럼 보입니다. I.E. 해당 CSS 파일의 스타일이없는 페이지가 표시됩니다.

그러나 정확히 같은 방식으로 정의 된 다른 CSS 파일의 스타일로 표시됩니다! 따라서 이것은 절대 URL 또는 'localhost'대 네트워크의 IP 주소에 대한 상대적인 것 같지 않습니다.

실제 버전의 생산 버전이 Edge Inspect를 통해 잘 표시되면 Rails 개발 동작이 Edge Inspect를 망칠 가능성이 있습니까? 개발 과정에서 Rails는 모든 CSS 파일에 대해 <link...> 태그를 생성하는 반면, 프로덕션에서는이를 연결하고 축소합니다.

제쳐두고 :이 모든 문제는 기기의 페이지를 검사 할 때 <link...> 태그가 표시되지 않기 때문에 디버그하는 것이 까다로울 수 있습니다. 여기에는 이 적용되어이 적용됩니다. 따라서 스타일이 어디에서 오는지 알 수 없습니다. 이것이 Edge Inspect의 작동 방식에 대한 단서입니까? iPhone (5S)에 대해서?

누구나 다음과 같이 볼 수 있습니까?

답변

0

해결했습니다.

내 직감이 옳았다는 것을 알 수 있습니다. Edge Inspect 또는 iPhone이 다수의 개별 CSS 파일에서 질식합니다.

관련 변경하여 stylesheet_link_tag 나는 그것을 얻을 수있었습니다.

에서 :

<%= stylesheet_link_tag 'application' %> 

사람 :

<%= stylesheet_link_tag 'application', debug: false %>