0
我目前正在構建網站的移動版本。限制圖片來自移動版本的網站上的加載
不是一個單獨的域(mobile.example.com),但respnosive方法(使用媒體查詢來加載屏幕大小某些CSS)
不過,我似乎無法弄清楚如何減少「頁面大小」。
我的網站的桌面版本包括一個jQuery滑塊插件,它通過5個相對較大的,高分辨率的圖像幻燈片。我的移動端不包括這一點。但是,這些圖像在移動版本構建時會繼續加載。
我設置它們的顯示屬性設置爲無,但仍加載圖像。
因此,如何能我,無論是通過JavaScript或其他類型的媒體查詢,指定哪些文件應該和不應該被加載?
如果您的網頁動態生成的,你可以根據用戶代理字符串做。但這不是最好的方式。 – Daisetsu
沒有,這就是爲什麼我使用媒體查詢 - 基本上如果屏幕分辨率低於480,我加載一個特定的樣式表。我只是不知道如何不加載頁面上的其他圖像。 –
我能想到這樣做的唯一方法是僅通過JavaScript提供圖像標記和/或src路徑,具體取決於媒體設備。當然,這對於不具有JS的用戶來說會帶來一系列新問題。我認爲提供兩組不同的頁面可能是你唯一的希望。 – skybondsor