Как настроить переключатель CSS

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

Я планирую использовать значение волшебной строки запроса и / или ссылку javascript в нижнем колонтитуле, которая записывает файл cookie для выбора новой страницы CSS. Мы работаем в ASP.NET 3.5. Есть рекомендации?

Я должен упомянуть, что мы используем условные комментарии IE для поддержки IE8, 7 и 6. Я могу создать функцию, которая выполняет замену:

<link href="Style/<% GetCssRoot() %>.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]>
    <link type="text/css" href="Style/<% GetCssRoot() %>-ie8.css" rel="stylesheet" />
<![endif]-->
<!--[if lte IE 7]>
    <link type="text/css" href="Style/<% GetCssRoot() %>-ie7.css" rel="stylesheet" />
<![endif]-->
<!--[if lte IE 6]>
    <link type="text/css" href="Style/<% GetCssRoot() %>-ie6.css" rel="stylesheet" />
<![endif]-->

Ответов (4)

Решение

В Asp.net 3.5 вы должны иметь возможность настроить тег Link в заголовке как тег сервера. Затем в выделенном коде вы можете установить свойство href для элемента ссылки на основе значения cookie, строки запроса, даты и т. Д.

В вашем файле aspx:

<head>
  <link id="linkStyles" rel="stylesheet" type="text/css" runat="server" />
</head>

И в коде позади:

protected void Page_Load(object sender, EventArgs e) {
  string stylesheetAddress = // logic to determine stylesheet
  linkStyles.Href = stylesheetAddress;
}

Я бы предложил сохранить выбор таблицы стилей в сеансе, чтобы вам не приходилось полагаться на постоянно присутствующий ключ строки запроса. Вы можете проверить сеанс в Page_Load и добавить соответствующую ссылку на таблицу стилей. Похоже, что это временная ситуация / ситуация разработки, поэтому используйте то, что легко и работает.

if (!String.IsNullOrEmpty(Request.QueryString["css"]))
  Session.Add("CSS",Request.QueryString["css"]);

Вам следует изучить ASP.NET темы, именно для этого они используются. Они также позволяют изменять скины для элементов управления, что означает предоставление им набора атрибутов по умолчанию.

Я бы сделал следующее:

www.website.com/?stylesheet=new.css

Затем в вашем коде ASP.NET:

if (Request.Querystring["stylesheet"] != null) {
    Response.Cookies["stylesheet"].Value = Request.QueryString["stylesheet"];
    Response.Redirect(<Current Page>);
}

Затем, где вы определяете свои таблицы стилей:

if (Request.Cookies["stylesheet"] != null) {
    // New Stylesheet
} else {
    // Default
}