2014-04-24 21 views
0

我正在使用Edge Inspect在iPhone上使用Rails站點。在測試Rails應用程序時Edge Check中缺少一些樣式表

當我瀏覽到直播網站時,它工作正常,但是當我瀏覽到開發版本時,某些 CSS文件看起來並未加載。 I.E.該頁面不顯示這些CSS文件中的樣式。

但是,它確實以同樣的方式顯示其他CSS文件中的樣式!因此,這似乎不是關於網絡上的相對vs絕對URL或「本地主機」與IP地址。

鑑於生產版本(在真實領域)通過Edge Inspect顯示良好,是否有可能Rails開發行爲讓Edge Inspect變得糟糕?在開發中,Rails爲每個CSS文件創建<link...>標籤,而在生產中它將它們連接並縮小。另外:這個整個問題很難調試,因爲當我檢查設備上的頁面時,我沒有在<head>中看到任何CSS <link...>標籤。這包括被應用的,所以我沒有得到風格來自哪裏。 Edge Inspect是如何工作的?就iPhone(5S)?

任何人都看過類似的東西?

回答

0

我解決了它!

原來我的預感是正確的 - 無論是Edge Inspect還是iPhone都讓大量的單個CSS文件窒息。

通過更改相關的stylesheet_link_tag我能夠得到它的工作。

來源:

<%= stylesheet_link_tag 'application' %> 

要:

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