/ / Megakadályozzák a FOUC-t Kentico 10 weboldalán - zurb-foundation, kentico

A FOUC megakadályozása a Kentico 10 weboldalán - zurb-foundation, kentico

A Zurb Alapítvány ajánlja hozzáadva a class = "no-js" szót az oldal html tagjéhez hogy megakadályozzák a felhalmozódatlan tartalom (FOUC) elleni vakut.

Kentico CMS-t használunk. Én keresem a "Kentico módot", hogy adjunk hozzá egy osztályt a html elem tag a mesteroldalon. A CMS portálmotort használjuk.

Mi megyünk <html class="no-js"

Készen áll az ASP.NET-re való visszaeséshez, ha nem létezik megközelíthető mód a Kentico makrók vagy API használatával.

válaszok:

3 a válasz № 1

A főoldal portálsablonján ehhez a módosításhoz hozzáadhat néhány ilyen kódot:

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

A CMSPagesPortalTemplate.aspx oldalt is módosíthatja, de ez a Kentico nem támogatja vagy javasolja, mivel általában megszünteti a frissítési útvonalat.


1 a válasz № 2

A leggyorsabb módja, hogy tudom, hogy módosítani CMSPagesPortalTemplate.aspx hogy odaadja az osztályát.

<%@ 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 a válasz № 3

A "no-js" az alapértelmezett érték. Ha valóban a böngésző TÁMOGATJA a JavaScriptet, a "no-is" osztályt a modernizr-motor fogja lefújni.

A Modernizr egy JavaScript könyvtár, és ellenőrzi a böngésző képességeit, és frissíti a html class = "" említést.

Ha például a böngésző támogatja a flexibilis technológiát, akkor a flexbox-osztály kerül a html osztálylistába. Ellenkező esetben a nem-flexbox osztály kerül hozzáadásra.

Később, a CSS keretrendszer (Bootstrap vagy Alapítvány) használata esetén néhány stratégiát használhattak egy hiányzó funkció kipróbálására.


Kapcsolódó kérdések


Hozzászólások (0)

Hozzászólni