/ Zabráňte FOUC v kontexte webovej stránky Kentico 10 - zurb-foundation, kentico

Zabráňte FOUC v kontexte webovej stránky Kentico 10 - zurb-foundation, kentico

Nadácia Zurb odporúča pridanie triedy = "no-js" k html tagu stránky aby sa zabránilo zablokovaniu obsahu neštandardného obsahu (FOUC).

Používame systém Kentico CMS. Hľadám "spôsob Kentico" o pridanie triedy do html prvku na hlavnej stránke. Používame portálový engine CMS.

Na čo ideme <html class="no-js"

Ochotný sa vrátiť do ASP.NET, ak nie je dostupnejší spôsob používania makier Kentico alebo jeho API.

odpovede:

3 pre odpoveď č. 1

Na šablóne portálu hlavnej stránky môžete pridať určitý kód takto:

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

Môžete tiež upraviť stránku CMSPagesPortalTemplate.aspx, ale Kentico ju nepodporuje ani neodporúča, pretože zvyčajne narušuje cestu na inováciu.


1 pre odpoveď č. 2

Najrýchlejším spôsobom, akým poznám, je úprava CMSPagesPortalTemplate.aspx pridajte svoju triedu tam.

<%@ 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 pre odpoveď č. 3

Hodnota "no-js" je predvolená hodnota. Ak váš prehliadač skutočne podporuje JavaScript, trieda "no-is" bude odstránená motorom Modernizr.

Modernizr je knižnica jazyka JavaScript a skontroluje možnosti prehliadača a aktualizuje html class = "".

Napríklad, ak váš prehliadač podporuje technológiu flexbox, trieda flexbox bude pridaná do zoznamu html. V opačnom prípade bude pridaná trieda bez flexboxu.

Neskôr, keď používate rámec CSS (Bootstrap alebo Foundation), niektoré stratégie by sa mohli použiť na emuláciu chýbajúcej funkcie.


Súvisiace otázky


Komentáre (0)

Pridať komentár