Zurb foundation 在Kentico 10网站的上下文中防止FOUC ZURB基金会建议防止未成型物的闪光(FUC)。

Zurb foundation 在Kentico 10网站的上下文中防止FOUC ZURB基金会建议防止未成型物的闪光(FUC)。,zurb-foundation,kentico,Zurb Foundation,Kentico,我们正在使用Kentico CMS。我正在寻找向母版页中的html元素标记添加类的“Kentico方法”。我们正在使用CMS门户引擎 我们要干什么 我所知道的最快的方法是修改CMSPages\PortalTemplate.aspx将类添加到其中 <%@ Page Language="C#" AutoEventWireup="true" Inherits="CMSPages_PortalTemplate" ValidateRequest="false" MaintainScrollPosit

我们正在使用Kentico CMS。我正在寻找向母版页中的
html
元素标记添加类的“Kentico方法”。我们正在使用CMS门户引擎

我们要干什么
我所知道的最快的方法是修改
CMSPages\PortalTemplate.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">
...

...

据我所知,最快的方法是修改
CMSPages\PortalTemplate.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">
...

...

在母版页门户模板上,您可以添加如下代码进行修改:

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

受保护的无效页面加载(对象发送方、事件参数e)
{
如果(CurrentDocument!=null)
{          
CMS.UIControls.ContentPage=此.page作为CMS.UIControls.ContentPage;
如果(第页!=null)
{
page.xmlnespace+=“class='no-js'”;
}
}
}

您也可以修改\CMSPages\PortalTemplate.aspx页面,但Kentico不支持或不推荐该页面,因为它通常会中断升级路径。

在母版页门户模板上,您可以添加一些类似以下的代码进行修改:

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

受保护的无效页面加载(对象发送方、事件参数e)
{
如果(CurrentDocument!=null)
{          
CMS.UIControls.ContentPage=此.page作为CMS.UIControls.ContentPage;
如果(第页!=null)
{
page.xmlnespace+=“class='no-js'”;
}
}
}

您也可以修改\CMSPages\PortalTemplate.aspx页面,但Kentico不支持或不推荐该页面,因为它通常会中断升级路径。

默认值为“no js”。如果您的浏览器确实支持JavaScript,“no is”类将被Modernizer引擎剥离

Modernizer是一个JavaScript库,它将检查浏览器功能并更新html类=“提及”

例如,如果浏览器支持flexbox技术,flexbox类将添加到html类列表中。否则,不会添加flexbox类


后来,当使用CSS框架(Bootstrap或Foundation)时,可以使用一些策略来模拟缺少的特性

“no js”是默认值。如果您的浏览器确实支持JavaScript,“no is”类将被Modernizer引擎剥离

Modernizer是一个JavaScript库,它将检查浏览器功能并更新html类=“提及”

例如,如果浏览器支持flexbox技术,flexbox类将添加到html类列表中。否则,不会添加flexbox类


后来,当使用CSS框架(Bootstrap或Foundation)时,可以使用一些策略来模拟缺少的特性

感谢@Brenden,我在发布此问题时关注升级路径-感谢您注意到这一方面。感谢@Brenden,我在发布此问题时关注升级路径-感谢您注意到这一方面。我唯一关心的是破坏升级路径,虽然这是一个小改动,以确保在升级时注意到。谢谢,说得好,约翰。确实需要在解决方案文档中记录类似的内容。我的一个担忧是中断升级路径,尽管这是一个小的更改,以确保在升级发生时注意到。谢谢,说得好,约翰。确实需要在解决方案文档中记录类似的内容。