在Joomla中使用Javascript和PHP檢測屏幕尺寸

Question

我有一個有挑戰性的問題（無論如何，這對我來說是:)）

我正在為希望包含jQuery幻燈片放映的客戶開發Joomla模板，同時我還將響應設計用於480、800和801px以上。

我想要做的是設置3個幻燈片模塊（為了便於客戶端使用，一個用於480幅圖像，一個用於740幅圖像，一個用於940幅圖像，然后我想根據用戶調用該模塊屏幕大小，我知道這需要使用Joomla中的php來完成，並且它僅是服務器端腳本，並且我不喜歡UA嗅探。

這就是我的想法，請評論您的想法。

1. 包括PHP函數，該函數檢測是否設置了$ screenWidth變量

2. 如果不是，請運行檢測用戶屏幕寬度的javascript，將此變量設置為URL（或將其保存該變量的另一種方式）。

3. 運行AJAX頁面重新加載

4. 從網址中提取$ screenWidth變量。

5. 現在，原始isset將返回true，因此頁面將繼續加載。

6. 然后使用該變量運行PHP代碼以加載適當的幻燈片。

你怎么看？ 它會使頁面放慢太多嗎？ 重新加載能否正常工作並將URL保留在joomla中？

請讓我知道您的想法，並提供任何建議。

謝謝

背風處

Answer 1

您確定需要重新加載頁面嗎？ 通過AJAX調用從客戶端獲取screenWidth后，是否無法生成幻燈片HTML並將其發送回去？ 然后，客戶端可以直接將其插入到DOM中，而不必重新加載頁面，並且您不必費心維護狀態。

Answer 2

有很多可能性，但我認為越簡單越好。 我認為您應該執行以下步驟

編寫一個啟動JavaScript函數，檢查屏幕的寬度和高度（screen.availWidth和screen.availHeight），並將其發送到服務器，並相應地創建幻燈片並發送回客戶端