在切换javascript时，Chrome应用样式表的速度非常慢

Question

我有一段JavaScript，可以在单击按钮时切换页面的样式表。 它在IE和Firefox中可以正常运行，但运行缓慢，但在Chrome中运行非常慢。 重新渲染大约需要30秒，这在我的开发机器上。 加载时间仅为几毫秒。 我已经使用ng-href在angularjs中尝试了此操作，并将样式表文件名绑定到作用域变量，但在Chrome中效果不佳。 然后我包括了jQuery，并以此方式

 var sheetName = "Content/RPNCalc-" + sizes[size] + ".css";
  angular.element("link[rel='stylesheet']").attr("href", sheetName);

再次在IE＆FF中有效，但在Chrome中大约需要30秒。

最好的方法是什么？

谢谢

Answer 1

最后，我作为名为“活动表”的指令执行了此操作，并操纵了“禁用”属性。 适用于IE FF和Chrome

  <link rel="stylesheet" type="text/css" active-sheet="small" href="Content/RPNCalc-small.css" />
    <link rel="stylesheet" type="text/css" active-sheet="big" href="Content/RPNCalc-big.css" />

link: function (scope, element, attrs) {
            scope.$on("sizeClick", function (_e, _size) {
               element.prop("disabled", _size != attrs.activeSheet);
            });
         }