/ / Spriječiti FOUC u kontekstu Kentico 10 web stranice - zurb-foundation, kentico

Spriječiti FOUC u kontekstu Kentico 10 web stranice - zurb-foundation, kentico

Zaklada Zurb preporučuje dodavanje klase = "no-js" na html oznaku stranice kako biste spriječili Flash od neuredenog sadržaja (FOUC).

Koristimo Kentico CMS. Tražim "Kentico način" dodavanja razreda u html elementa na glavnoj stranici. Koristimo CMS portal engine.

Ono što idemo <html class="no-js"

Spremni se vratiti u ASP.NET ako nema pristupačnijeg načina koristeći Kentico makronaredbe ili API.

odgovori:

3 za odgovor № 1

Na predlošku portala glavne stranice možete dodati neki kôd poput ove da biste izvršili tu izmjenu:

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

Također možete promijeniti i CMSPagesPortalTemplate.aspx stranicu, ali to Kentico ne podržava ili preporučuje jer obično prekida put nadogradnje.


1 za odgovor № 2

Najbrži način na koji poznajem jest izmijeniti CMSPagesPortalTemplate.aspx da biste dodali svoj razred tamo.

<%@ 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 za odgovor № 3

"No-js" je à zadana vrijednost. Ako doista vaš preglednik podržava JavaScript, "no-is" klase će biti uklonjen od Modernizr motora.

Modernizr je JavaScript knjižnica i provjerit će mogućnosti preglednika i ažurirati html class = "" spomenuti.

Na primjer, ako vaš preglednik podržava tehnologiju fleksibilnog saveza, klasa FlexBox će biti dodana u popis HTML klase. U suprotnom će se dodati klasa ne-flexbox klase.

Kasnije, kada koristite CSS okvir (Bootstrap ili Foundation), neke strategije mogu se koristiti za oponašanje nedostajuće značajke.


Povezana pitanja


Komentari (0)

Dodaj komentar