如何用JS实现网站自动识别PC端和手机端并实现跳转？

本文共计855个文字，预计阅读时间需要4分钟。

1. 代码场景：描述：在项目中，我们通常会使用响应式布局的方式或借助Bootstrap等插件来制作响应式网站。但根据业务需求，手机端可能在功能上需要极度简洁。因此，我们会编写两套代码。

1. 代码场景：

描述：在项目中，一般我们会使用响应式布局的方式或者借助bootstrap等插件来做响应式的网站。但是根据业务的需求，手机端可能会在功能上精简很多，我们也会写两套代码，分别用来实现PC端和手机端的功能。此时，就存在一个问题。项目在部署的时候只会使用一个地址，不会针对手机和PC端代码分别进行部署。这个时候就需要我们通过去识别视口分辨率的大小，来自动去跳转对应的代码。

2. 实现方式：

目前网上有很多的方法用来实现PC端和手机端的代码跳转，但我只用了一种实现方式。其他的暂时还没有尝试，希望可以跟大家学到更多的解决方案。在此特别感谢<<--老蒋部落-->>的方法给予了我很大的帮助。