/ / מניעת FOUC בהקשר של אתר Kentico 10 - קרן zurb, kentico

מנע FOUC בהקשר של אתר קנטיקו 10 - Zurb-Foundation, kentico

קרן Zurb ממליצה הוספת class = "no-js" לתג ה- HTML של הדף כדי למנוע פלאש של תוכן unstyled (FOUC).

אנו משתמשים ב- Centico CMS. "אני מחפש את" דרך קנטיקו "של הוספת מחלקה ל 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. אחרת, לא יתווסף מחלקה ללא Flexbox.

מאוחר יותר, כאשר באמצעות מסגרת CSS (Bootstrap או קרן), כמה אסטרטגיות יכול לשמש כדי לחקות תכונה חסרה.


שאלות קשורות


תגובות (0)

הוסף תגובה