HTML特徵檢測和通用反應

Question

我們有一個通用的React應用程序，位於CDN後面。

我們想要從服務器上提供帶有srcset圖片的HTML，但需要處理IE不支持此HTML功能，理想情況下使用功能檢測的事實。

由於網站是由CDN提供的，因此IE將獲得與其他瀏覽器相同的初始HTML。當頁面在瀏覽器中加載時，我們想要將這些srcset圖像標籤替換爲一些不同的HTML，但這意味着React會抱怨客戶端HTML和已經呈現的服務器端HTML之間的不匹配。

處理這個問題的最佳方法是什麼？

例如

• 忽略該警告，或指定它在某處確定？
• 使用在頁面加載完成後發生的客戶端填充。使用componentDidMount？在這種情況下，我們如何處理未修改組件的後續渲染，而不是在客戶端上重寫此HTML？
• 使用的用戶代理的CDN緩存關鍵 - 而這將意味着嗅探瀏覽器，而不是使用特徵檢測

Answer 1

最好的和最兼容的方式是離開這兩個屬性。我的猜測是，瀏覽器將使用「src」作爲後備，但使用「srcset」（如果可用）。

沒有polyfill或奇怪的操作這裏需要:)