Javascript 为手机页面保留相同的地址

我如何在桌面和移动浏览器上保持相同的地址，mysite.com/products/product-name，并为这两种浏览器制作不同版本的页面

您可以在此网站上看到一个示例： 没有像netshoes.com.br/mobile这样明确的移动版本，但所有页面都是相同的，我发现了一个Javascript代码，它提供了移动和桌面值来配置页面：

dataLayerGA = [{
    'site': {
    'name': 'Netshoes',
    'domain': 'www.netshoes.com.br',
    'country': 'BR',
    'application': 'desktop'
  }

}];

当加载到mobile时，“应用程序”：变为“mobile”

---

我该怎么做？

您链接到的公司网站正在使用。这是一种尝试检测正在使用的设备并提供适合该设备的不同CSS/JS的技术

我不建议使用这种技术。它不太可能是向前兼容的，无法在较新的设备上工作，并且对于当前的设备是不可靠的

相反，让您的内容可用于这两种设备，并使用更改网站的外观和感觉。

---

我还建议JS库为JS提供与媒体查询类似的功能。

响应式设计。或者使用浏览器签名检测移动设备？像这样的事情会实现的。然而，倾向于响应流畅的设计。与基于客户端的内容服务相比，媒体查询也有不利的一面，它们会膨胀您的标记。您最终将内容提供给客户机，而客户机永远不会使用这些内容。i、 将完整的浏览器CSS添加到移动客户端，因此我建议它并不像您所暗示的那样黑白。嗯。。我来看看；但这家伟大的电子商务公司怎么能使用一种不被推荐的技术呢？这是巴西最棒的，在我看来，他们使用的都是最好的。@Liam媒体查询如何膨胀标记CSS不是标记？在我工作过的站点中，桌面/手机CSS文件的大小差异可以忽略不计，尤其是在压缩时。我不认为我声称自己是一个黑白解决方案，相反，我推荐一种全世界都使用的方法。@brunomosciatig.Maciel最伟大的公司不会做出最好的数字选择。就个人而言，浏览器嗅探不是一个好的解决方案，我觉得它本身就有缺陷。还可以看到，@evolutionxbox和NetShoes真的在使用浏览器嗅探吗？