javascript - Asp .Net 服务器上 JavaScript 中的 CSS 样式切换器

Question

我正在尝试创建一个移动网站并且仅使用 CSS 即可完成，但服务器母版页必须位于其当前位置，我计划使用 Javascript“Style Switcher”来更改样式表，但大多数移动浏览器没有java支持，那么有没有办法使用java(或手机支持或可以在服务器端运行的任何其他“语言”)来运行服务器端，这也可以停止一些页面元素从加载(针对移动带宽问题)并更改几行主代码？

我正在考虑使用它(进行一些编辑): How to Use JavaScript to Change a Cascading Style Sheet (CSS) Dynamically

我不能使用 PHP，因为我们的托管服务提供商不会安装它。

我没有 Asp .Net 访问权限(作为用户)，但有 FTP 访问权限。

Answer 1

var isMobile = function() {
    var w = window.innerWidth || document.body.clientWidth;
    var o = 900;
    if(w < o) {
        return true;
    }
    else {
        return false;
    }
};

和一个初始化函数

var init = function(){
  if(!isMobile()){
    // all your desktop stuff goes here
    var desktopcss = document.createElement('link');
    desktopcss.rel = 'stylesheet';desktopcss.type = 'text/css';
    desktopcss.href='/desktop.css';
    document.getElementsByTagName('head')[0].appendChild(desktopcss);
  }
  else{
    // all your mobile stuff goes here
    var mobilecss= document.createElement('link');
    mobilecss.rel = 'stylesheet';mobilecss.type = 'text/css';
    mobilecss.href='/mobile.css';
    document.getElementsByTagName('head')[0].appendChild(mobilecss);
  }
};

请记住，如果您将某些内容设置为

display:none;

通过css，不会加载，也不会显示!