2017-06-18 25 views
0

我最初爲了使用Font Awesome圖標而鏈接到Bootstrap CDN,但遇到了類名匹配Bootstrap類的問題,所以我刪除了索引中的Bootstrap CDN鏈接。並計劃下載和安裝字體真棒文件(沒有Bootstrap)。但Bootstrap類名在我的瀏覽器(Chrome)中持久化,絕對沒有提及我的代碼中的任何地方的Bootstrap。此外,如果我在隱身窗口中打開Chrome,則不會出現此問題。我確實在我的Chrome開發工具網絡選項卡中選中了禁用緩存。Bootstrap被刪除後持續存在

有沒有什麼我沒有想到的是讓Bootstrap在我的瀏覽器中保留,即使刪除了我的代碼中對Bootstrap的所有引用?

更新:這是有問題的HTML:

<div className="social-links"> <a href="" className="footer-link-social"><i className="fa fa-twitter-square"></i></a> <a href="" className="footer-link-social"><i className="fa fa-codepen"></i></a> <a href="" className="footer-link-social"><i className="fa fa-github-square"></i></a> <a href="" className="footer-link-social"><i className="fa fa-linkedin-square"></i></a> </div>

目前與類名「社會通」是沒有顯示在Chrome瀏覽器開發工具與引導默認的類名一籮筐DIV(帶我的.social-links在該列表中以粗體顯示)。這個類名列表顯示在我的主要CSS所在的Chrome Dev Tools和使用normalize.css的CSS之間。我其實沒有任何自己的CSS可以在這裏展示 - 我還沒有寫任何東西。 Bootstrap不再是我的代碼中的任何地方。我沒有導入它,我沒有安裝它。如果我在隱身窗口中打開,我仍然沒有這個問題。

我沒有嘗試右鍵單擊刷新按鈕來硬刷新並清除緩存,但它沒有做任何事情。

我正在使用Webpack捆綁,並創建不同的捆綁文件(我的代碼,供應商庫)。有沒有什麼辦法可以讓Webpack在我的代碼中保留Bootstrap的東西,即使我刪除它並運行我的Webpack服務器並自刪除Bootstrap多次構建?

我檢查了我的捆綁CSS,並且裏面沒有Bootstrap代碼。此時,唯一的代碼來自normalize.css。

回答

0

使用chrome dev工具打開,右鍵單擊瀏覽器窗口中的「重新加載」圖標,您將看到一個通常不可用的下拉列表。點擊「清空緩存和硬重新加載」。您也可以按'control + f5'(在PC上)或'option + f5'(在Mac上)嘗試重新加載。

enter image description here

如果這一步後問題仍然存在,我也許能,如果您的文章頁面的HTML CSS &提供addtional信息,無論是在這裏或通過gist

0

好,所以我想通了。我的adblocker通過檢查一個大類的名稱列表並創建一個樣式標籤來阻止所有這些類,以阻止任何東西。

+0

啊!這對我來說是新的,但我很高興你把它整理出來。你使用的是什麼名字的adblocker?在這裏加入這個以防萬一其他人也有這個問題。 –

+1

Superblock Adblocker。另一方面,它也在電子郵件簽名中使用社交媒體圖標。 –

相關問題