Переключатель стилей CSS в JavaScript на сервере Asp .Net - PullRequest
2 голосов
/ 18 августа 2011

Я пытаюсь создать мобильный веб-сайт и могу сделать это только с помощью CSS, но главные страницы сервера ДОЛЖНЫ быть в их текущих местоположениях, я планирую использовать Javascript «Переключатель стилей» для изменения таблиц стилей, но большинство мобильных браузеровУ меня нет поддержки Java, поэтому есть способ использовать Java (или любой другой «язык», который поддерживается мобильными телефонами или может выполняться на стороне сервера) для запуска на стороне сервера, который также может остановить некоторые элементы страницыот загрузки (для проблем с пропускной способностью мобильной связи) и изменения нескольких строк мастер-кода?

Я думал об использовании этого (с некоторыми изменениями): Как использовать JavaScript для изменения каскадной таблицы стилей (CSS) Динамически

Я не могу использовать PHP, поскольку наш хостинг-провайдер не установит его.

У меня нет доступа Asp .Net (как пользователь), но у меня есть доступ FTP.

Ответы [ 2 ]

0 голосов
/ 18 августа 2011
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, оно не будет загружено и не будет отображаться!

0 голосов
/ 18 августа 2011

Вы можете использовать медиазапросы CSS, чтобы настроить ширину сайта для устройства, выполняющего запрос.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...