從開發環境到web服務器的CSS不同

昨天我只是把一個網頁放在服務器上，有些東西與開發環境中的不同。有幾個不同顏色的東西，但我最關心的是如何顯示jQuery自動完成搜索部件。它不再像以前那樣看起來像一個下拉列表。它以透明背景的項目符號格式顯示。我記得當我第一次在開發階段安裝widget時修復了這個問題。我發現有關類似問題的另一個帖子here，但一切都指的是IE8。我的問題在Chrome中發生。有什麼建議嗎？從開發環境到web服務器的CSS不同

來源

2015-10-30 Mike

尋求調試幫助（「**爲什麼不是這個代碼工作？**」）的問題必須包含所需的行爲，*特定的問題或錯誤*和*必要的最短代碼*來重現它**自問**。沒有**明確問題陳述**的問題對其他讀者沒有用處。請參閱：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。 – j08691

生產環境中的所有路徑是否仍然正確？打開開發工具（F12）並檢查網絡面板以查看是否有未加載的資源。 –

@TimothyGroote我所有的是關於fabric.js的警告。樣式化窗口小部件的CSS文件存在，但顯示爲空白 – Mike

原來，瀏覽器或任何文件都沒有問題。問題是我的服務器沒有返回正確的MIME類型。稍後在配置文件中有一行代碼，服務器重啓，問題就解決了。感謝所有的幫助！

來源

2015-10-30 14:13:24 Mike

聽起來像你沒有推動每個文件，也許你錯過了一個.css或.js文件？或者這些文件的路徑在服務器上有所不同？在Chrome （CTRL + SHIFT + I）中打開控制檯，然後查找404錯誤或缺少文件。

來源

2015-10-30 12:46:16 stackoverfloweth

看起來像您可能會遇到的情況。我去檢查元素 - >來源並選擇了樣式化小部件的CSS文件。當文件存在時，它似乎是空白的。不知道爲什麼。 – Mike

也許只是再次上傳該文件，並確保它是最新版本，如果您使用任何類似grunt或ruby來縮小，請確保您沒有發現任何錯誤 – stackoverfloweth

沒有運氣。我轉到文件目錄，其中CSS文件正在從中拉出並進行檢查，並將其填入最新版本。看來Chrome似乎沒有它。 – Mike

嘗試檢查瀏覽器的控制檯是否有任何錯誤或404錯誤。另外，關閉adblocker或其他類似的插件，因爲它們可能會阻止一些因爲文件名而被加載的文件。

來源

2015-10-30 12:46:17 Justas

Chrome是否有任何默認值？ – Mike

F12調用開發人員工具，頂部有Console選項卡。要檢查任何擴展名，請轉到設置 - >擴展。 – Justas

從開發環境到web服務器的CSS不同

回答

相關問題