/ / / Πρόληψη της FOUC στο πλαίσιο μιας ιστοσελίδας Kentico 10 - zurb-foundation, kentico

Αποτρέψτε την FOUC στο πλαίσιο μιας ιστοσελίδας Kentico 10 - zurb-foundation, kentico

Το Ίδρυμα Zurb συνιστά προσθέτοντας class = "no-js" στην ετικέτα της σελίδας html για να αποφευχθεί η εμφάνιση ανεπιθύμητων περιεχομένων Flash (FOUC).

Χρησιμοποιούμε το Kentico CMS. Ψάχνω για τον "τρόπο Kentico" για την προσθήκη μιας τάξης στο html ετικέτα στοιχείου στη βασική σελίδα. Χρησιμοποιούμε τη μηχανή πύλης CMS.

Αυτό που πηγαίνουμε <html class="no-js"

Πρόθυμοι να επιστρέψουν στο ASP.NET αν δεν υπάρχει πιο προσιτός τρόπος με τη χρήση των μακροεντολών Kentico ή του API.

Απαντήσεις:

3 για την απάντηση αριθ. 1

Στο πρότυπο πύλης κύριας σελίδας μπορείτε να προσθέσετε κάποιο κώδικα όπως αυτό για να κάνετε αυτήν την τροποποίηση:

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

Μπορείτε επίσης να τροποποιήσετε τη σελίδα CMSPagesPortalTemplate.aspx, αλλά αυτή δεν υποστηρίζεται ούτε συνιστάται από το Kentico, καθώς συνήθως σπάει τη διαδρομή αναβάθμισης.


1 για απάντηση αριθ. 2

Ο πιο γρήγορος τρόπος που γνωρίζω είναι να τροποποιήσω CMSPagesPortalTemplate.aspx για να προσθέσετε την τάξη σας εκεί.

<%@ 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 για την απάντηση № 3

Το "no-js" είναι προεπιλεγμένη τιμή. Αν, πράγματι, ο φυλλομετρητής σας υποστηρίζει το JavaScript, η κατηγορία "no-is" θα αφαιρεθεί από τον κινητήρα Modernizr.

Το Modernizr είναι μια βιβλιοθήκη JavaScript και θα ελέγξει τις δυνατότητες του προγράμματος περιήγησης και θα ενημερώσει την αναφορά html class = "".

Για παράδειγμα, εάν το πρόγραμμα περιήγησης υποστηρίζει την τεχνολογία flexbox, η κλάση flexbox θα προστεθεί στη λίστα τάξεων html. Διαφορετικά, θα προστεθεί η κλάση no-flexbox.

Αργότερα, όταν χρησιμοποιείτε το πλαίσιο CSS (Bootstrap ή Foundation), ορισμένες στρατηγικές θα μπορούσαν να χρησιμοποιηθούν για να μιμηθούν ένα χαρακτηριστικό που λείπει.


Σχετικές ερωτήσεις


Σχόλια (0)

Πρόσθεσε ένα σχόλιο