Ruby on rails Rails-未设置样式内容的闪烁（FOUC）

在页面的侧面，在页面之间，我可以看到顶部导航栏的闪光。作为一名新程序员，我一直在寻找一个简单的解决方案，并尝试将解决方案从插入到我的app/views/layouts/application.html.haml文件中，因此该文件的标题部分如下所示：

!!! 5
%html
%head
%title Title
= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
= javascript_include_tag 'application', 'data-turbolinks-track' => true
= csrf_meta_tags
%link{:rel => "stylesheet", :href =>  "//opensource.keycdn.com/fontawesome/4.6.1/font-awesome.min.css"}/
= csrf_meta_tags
:css
    .fouc { display:none; }
:javascript
    try {
        var html=document.getElementByName("html");
        document.addEventListener("DOMContentLoaded", function(event) { html.class=""; });
                html.class="fouc";
        } catch() {}

但这并没有解决问题。有人能把我带到正确的轨道上吗？（在我的研究中，似乎有人批评其他解决方案在所有情况下都不起作用。）这真的破坏了一个伟大的项目——我希望有人能帮上忙

---

编辑：FOUC发生在Chrome上，而不是MS Edge上。

此处的尾随斜杠是否会导致问题

font awesome.min.css“}/

还请注意，没有方法

getElementByName

它是

getElementsByName

。要设置元素的类，可以使用

className

属性。这里的尾随斜杠是否会导致问题？

font awesome.min.css”}/

还要注意，没有方法

getElementByName

它是

getElementsByName

。要设置元素的类，可以使用

className

属性。