Mobile Extjs：如何使用Extjs分离移动和桌面web应用的站点

我从这堆文章中读到了一些关于移动和桌面应用程序的不同站点的老问题，但这是关于建议的技术。就像是“几乎”一样的问题，但没有答案，仍然不同。这个问题对我来说真的很有用，等等。但我想问一个不同的问题，关于移动和桌面应用程序的不同站点

我的问题是： 1.作为@Juned ahsan，它是关于要显示的外观和内容。所以，我认为我可以使用一个MVC结构为移动应用和桌面应用创建单独的站点。我可以吗？ 这是我的MVC开发结构：

htdocs/myapp
         |- application   //This's my CI MVC
             |- controllers
             |- models
             |- views
                  |- v_desktop.php   // View for DESKTOP extjs4
                  |- v_login.php     // View for Login Page
                  |- v_mobile.php    // View for MOBILE touch2
         |- ext           //This's my Extjs 4.2 src
         |- touch         //This's my Sencha touch 2 src
         |- extapp        //This's my Extjs MVC
             |- app
                  |- controller
                  |- model
                  |- store
                  |- view
             |- applogin  //
                  |- controller
                  |- view
                  |- applogin.js
             |- app.js
         |- touapp        //This's my touch MVC
              |- controller
              |- model
              |- profile
              |- store
              |- view
              |- app.js
         |- system        //This's my CI MVC
         |- temp

如何从一个页面动态加载移动和桌面站点？我目前的解决方案是使用用户代理来检测浏览器，并像我的结构一样为每个移动和桌面检测一个页面。可能有人有另一个技巧，只需使用一个页面即可加载移动和桌面应用程序

我想到了一个棘手的方法，就像如何在Extjs中动态更改neptune、classic等主题一样，以便动态加载移动或桌面web应用程序

请建议我如何才能做到这一点，或以任何其他方式做到这一点