/ / Užkirsti kelią FOUC pagal "Kentico 10" svetainę - zurb-foundation, kentico

Užkirsti kelią FOUC pagal "Kentico 10" svetainę - zurb-foundation, kentico

Zurb fondas rekomenduoja pridedant class = "no-js" į puslapio html tag užkirsti kelią "Flash of Unstudied Content" (FOUC).

Mes naudojame Kentico CMS. Aš "" ieškojau "Kentico" kelią pridėti klasę į html elemento žymelę pagrindiniame puslapyje. Mes naudojame CMS portalo variklį.

Ką mes einame <html class="no-js"

Norite grįžti į ASP.NET, jei Kentico makrokomandas ar jo API nėra lengviau pasiekiamas.

Atsakymai:

3 atsakymui Nr. 1

Jūsų pagrindiniame puslapio portalo šablone galite pridėti tokį kodą, kad padarytumėte šį pakeitimą:

<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>

Taip pat galite modifikuoti CMSPagesPortalTemplate.aspx puslapį, bet Kentico nepalaiko ir nerekomenduoja, nes jis paprastai pažeidžia atnaujinimo kelią.


1 atsakymas Nr. 2

Greičiausias būdas, kaip žinau, yra keisti CMSPagesPortalTemplate.aspx pridėti savo klasę ten.

<%@ 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 atsakymui Nr. 3

"No-js" yra à numatytoji reikšmė. Jei iš tikrųjų jūsų naršyklė palaiko JavaScript, "no-is" klasę "Modernizr" variklis pašalins.

Modernizr yra "JavaScript" biblioteka, ji patikrins naršyklės galimybes ir atnaujins "html class =" "paminėjimą.

Pavyzdžiui, jei jūsų naršyklė palaiko "flexbox" technologiją, "flexbox" klasė bus įtraukta į html klasių sąrašą. Priešingu atveju, "flexbox" klasės nebus įtrauktos.

Vėliau, naudojant CSS sistemą ("Bootstrap" arba "Foundation"), kai kurioms strategijoms galima naudoti trūkstamą funkciją.


Susiję klausimai


Komentarai (0)

Pridėti komentarą