2013-01-02 280 views
1

我正在製作一個響應式網站,因此我想在移動瀏覽器上隱藏某些圖像。如何阻止HTTP請求?

我怎樣才能阻止發生這些隱藏圖像的HTTP請求?

另外,我怎樣可以阻止背景圖像(或任何圖像)的請求,並顯示出不同的一個,而不是?

+8

根本不包括他們在DOM和CSS。如果它在DOM中,它將被加載,不管它是否可見,或者你改變了src。 –

+1

或者,你可以使用@media規則只加載某些CSS規則移動,臺式機或平板電腦等 – chrisbulmer

+1

@chrisbulmer這並不妨礙加載圖像。大多數瀏覽器加載所有規則和圖像,但只執行所需的規則和圖像。 –

回答

1

這是不可能阻止請求。但是有一些方法可以確保將不同的圖像發送到移動瀏覽器。

下面是一些其他方法來發送不同的圖像的移動瀏覽器的問題:

+0

理論上,您可以配置(或者如果這不可能,請重寫)HTTP服務器以阻止來自移動瀏覽器的請求(通過用戶代理) – NullUserException

+0

@NullUserException爲真。但是,這不會阻止該請求。請求仍然提出。它只會向這些瀏覽器的用戶發送空的響應。 – Adam

+0

謝謝!我很可能會使用你與我聯繫的js方法之一。對於隱藏的圖像,我想我會用一個不會佔用太多帶寬的微小1px圖像替換它們。 – WarrenBee

0

您可以嘗試無論是方法或兩者的組合:

1)使用JavaScript/jQuery來加載頁面後,所有的背景圖像和資源根據佈局需要加載。媒體查詢不會阻止瀏覽器加載所有圖像/資產。

2)你可以考慮在服務器上建立一個文件流說PHP,在其中您可以檢查用戶代理,並確定它是否然後一個有效的請求文件流的瀏覽器。這種方法還可以更好地控制外部鏈接和下載。

希望這會有所幫助。祝你好運。