如何從頁面

動態刪除所有不需要的CSS和JS我有一個業餘體育網站來維護，我不是web開發專家。我可以放在網站上的頁面只能以預定義模板的形式出現，類似於wordpress。如何從頁面

主要網站加載它自己的CSS文件和JS文件，我們不希望因爲它干擾我們的定製。當主要管理員/開發人員在主/主網站上部署新文件時，這些文件會發生變化。

我想動態阻止加載所有不是我們的CSS文件和JS文件，而是使用我們自己的自定義CSS和JS文件。

目前我正在做類似下面的事情，但正如你所看到的，我必須更新文件名，只要他們改變爲別的東西，我不知道他們什麼時候改變，除非我注意到網頁上的差異。

<script type="text/javascript"> 
    $('link[rel=stylesheet][href="/assets/application-b51e2731e0d53e4d422.css"]').remove(); 
    $('link[rel=stylesheet][href="/assets/print-a622ffc90d1232b126e42c.css"]').remove(); 
    jQuery('head script[src*="application-7fd426f9bca208.js"]').remove(); 
</script>

有沒有更好的方式來動態地阻斷所有不想要的CSS/JS文件沒有我不必硬編碼像我上面已經做了什麼？

來源

2015-01-14 rhanabe

可能寫一個PHP函數 - 取決於你的框架我猜？ – Chris

我只能上傳可以包含腳本的html。 – rhanabe

這是額外的開銷，但取決於你的限制，你可以在他們的文件被加載後添加CSS重置**。 [示例]（http://meyerweb.com/eric/tools/css/reset/） – sareed

不要擔心跟蹤文件名，爲什麼不只是針對任何不是你的？

$('link').not('.myLink').remove();

而只是確保你把你的link該類：

<link rel="stylesheet" href="path.css" class="myLink" />

來源

2015-01-14 15:25:05 Slime

這工作正常。任何建議刪除.js文件？ – rhanabe

顯然，從瀏覽器內存中卸載JS是不可能的。如果他們的JS與你的JS衝突，那麼你可以只是命名空間的代碼，但如果他們的JS影響你的CSS，那麼你將不得不寫JS來取消它們的JS中的值/函數/任何東西。 – Slime

回答

相關問題