/ / Novērst FOUC saistībā ar Kentico 10 tīmekļa vietni - zurb-foundation, kentico

Novērst FOUC saistībā ar Kentico 10 tīmekļa vietni - zurb-foundation, kentico

Zurb fonds iesaka pievienojot klase = "no-js" uz lapu html tag lai novērstu neuzstādītā satura (FOUC) Flash.

Mēs izmantojam Kentico CMS. Es meklēju "Kentico" veidu, kā pievienot klasi html elementa taga galvenajā lapā. Mēs izmantojam CMS portāla dzinēju.

Ko mēs turpinām <html class="no-js"

Vēlas atgriezties ASP.NET, ja Kentico makro vai tā API nav ērtāk.

Atbildes:

3 atbildei Nr. 1

Jūsu galvenās lapas portāla veidnē varat pievienot šādu kodu, lai veiktu šādas izmaiņas:

<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (CurrentDocument != null)
{
CMS.UIControls.ContentPage page= this.Page as CMS.UIControls.ContentPage;
if (page != null)
{
page.XmlNamespace += " class="no-js"";
}
}
}
</script>

Jūs varat arī mainīt CMSPagesPortalTemplate.aspx lapu, bet Kentico to neatbalsta un neiesaka, jo tas parasti pārtrauc jaunināšanas ceļu.


1 atbilde Nr. 2

Ātrākais veids, kā es zinu, ir mainīt CMSPagesPortalTemplate.aspx lai pievienotu savu klasi tur.

<%@ Page Language="C#" AutoEventWireup="true" Inherits="CMSPages_PortalTemplate" ValidateRequest="false" MaintainScrollPositionOnPostback="true" EnableEventValidation="false" Codebehind="PortalTemplate.aspx.cs" %>

<%=DocType%>
<html <%=XHtmlNameSpace%> <%=XmlNamespace%> class="no-js">
<head id="head" runat="server" enableviewstate="false">
...

0 atbildei Nr. 3

"No-js" ir à noklusējuma vērtība. Ja patiešām jūsu pārlūkprogramma ATBALSTA JavaScript, tad "no-is" klases Modernizr dzinējs tiks noņemts.

Modernizr ir JavaScript bibliotēka, un tā pārbaudīs pārlūkprogrammas iespējas un atjauninās html class = "" pieminēšanu.

Piemēram, ja jūsu pārlūkprogramma atbalsta flexbox tehnoloģiju, flexbox klase tiks pievienota html klases sarakstam. Pretējā gadījumā bez flexbox klases tiks pievienots.

Vēlāk, izmantojot CSS ietvaru (Bootstrap vai Foundation), daži stratēģijas varētu izmantot, lai sacenšotu trūkstošo funkciju.


Saistītie jautājumi


Komentāri (0)

Pievieno komentāru