/ / Forhindre FOUC i sammenheng med et Kentico 10 nettsted - zurb-foundation, kentico

Forhindre FOUC i sammenheng med et Kentico 10 nettsted - zurb-foundation, kentico

Zurb Foundation anbefaler legger til class = "no-js" til siden html-taggen for å forhindre Flash of Unstyled Content (FOUC).

Vi bruker Kentico CMS. Jeg leter etter "Kentico-måten" å legge til en klasse til html elementetikett på hovedsiden. Vi bruker CMS portal-motoren.

Hva vi går for <html class="no-js"

Villig til å falle tilbake til ASP.NET hvis det ikke er en mer tilnærmet måte å bruke Kentico-makroer eller API.

svar:

3 for svar № 1

På masterblankettmalen din kan du legge til noe kode som dette for å gjøre denne endringen:

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

Du kan også endre siden CMSPagesPortalTemplate.aspx, men det støttes ikke eller anbefales av Kentico da det vanligvis bryter oppgraderingsbanen.


1 for svar № 2

Den raskeste måten jeg vet om, er å endre CMSPagesPortalTemplate.aspx å legge til klassen din der inne

<%@ 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 for svar № 3

"No-js" er à standardverdien. Hvis nettleseren din støtter JavaScript, vil "no-is" -kursen bli fjernet av Modernizr-motoren.

Modernizr er et JavaScript-bibliotek, og det vil sjekke nettleserens evner og oppdatere html class = "" nevne.

For eksempel, hvis nettleseren din støtter flexbox-teknologien, blir flexbox-klassen lagt til i html-klasselisten. Ellers vil ikke-flexbox-klassen bli lagt til.

Senere, når du bruker CSS-rammeverket (Bootstrap eller Foundation), kan noen strategier brukes til å etterligne en manglende funksjon.


Beslektede spørsmål


Kommentarer (0)

Legg til en kommentar