在切換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);
            });
         }