/ / Preveniți FOUC în contextul unui site web Kentico 10 - zurb-foundation, kentico

Împiedicați FOUC în contextul unui site web Kentico 10 - zurb-foundation, kentico

Fundatia Zurb recomanda adăugând clasa = "nu-js" la eticheta html a paginii pentru a împiedica împiedicarea Flash a conținutului neuniform (FOUC).

Folosim Kentico CMS. Caut modul "Kentico" de a adăuga o clasă la html element în pagina principală. Folosim motorul portalului CMS.

Pentru ce mergem <html class="no-js"

Dispus să cadă înapoi în ASP.NET dacă nu există un mod mai accesibil utilizând macrocomenzile Kentico sau API-ul său.

Răspunsuri:

3 pentru răspunsul nr. 1

În șablonul dvs. de portal principal al paginii, puteți adăuga un astfel de cod ca să faceți acea modificare:

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

Puteți, de asemenea, să modificați pagina CMSPagesPortalTemplate.aspx, dar aceasta nu este acceptată sau recomandată de Kentico, deoarece rupe calea de upgrade.


1 pentru răspunsul nr. 2

Cea mai rapidă modalitate pe care o cunosc este de a modifica CMSPagesPortalTemplate.aspx pentru a vă adăuga clasa acolo.

<%@ 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 pentru răspunsul nr. 3

"No-js" este o valoare implicită. Dacă, într-adevăr, browserul dvs. nu suportă JavaScript, clasa "no-is" va fi dezbrăcată de motorul Modernizr.

Modernizr este o bibliotecă JavaScript și va verifica capacitățile browserului și va actualiza html class = "".

De exemplu, dacă browserul dvs. acceptă tehnologia flexbox, clasa flexbox va fi adăugată la lista de clase html. În caz contrar, va fi adăugată o clasă no-flexbox.

Mai târziu, atunci când se utilizează cadrul CSS (Bootstrap sau Foundation), ar putea fi folosite câteva strategii pentru a emula o caracteristică lipsă.


Întrebări corelate


Comentarii (0)

Adauga un comentariu