檢測是否移動/桌面然后更改 URL 查詢字符串

Question

我知道有很多方法可以檢測用戶是在移動設備還是桌面設備上。 但是，是否可以在不重新加載或重定向以顯示設備類型的情況下更新 URL 查詢字符串？ 即 www.mysite.com/?device=mobile

Answer 1

是的你可以。 使用pushState

var stateObj = { foo: "bar" };
history.pushState(stateObj, "Mobile", "?device=mobile");

請注意您是如何“推動”導航的。 這意味着當您單擊后退按鈕時，它會先返回到非?devive=mobile url，然后再返回上一個。 所以你可以使用.replaceState()