我最初链接到Bootstrap CDN以便使用Font Awesome图标但是我想使用匹配Bootstrap类的类名问题,所以我删除了index.html中的Bootstrap CDN链接并且正在计划只需下载并安装font-awesome文件(不带Bootstrap)。但Bootstrap类名称在我的浏览器(Chrome)中持久存在,我的代码中没有提到Bootstrap。此外,如果我在隐身窗口中打开Chrome,则不会出现此问题。我确实在Chrome开发工具网络标签页中选中了停用缓存。
是否有一些我没想到的事情即使在我的代码中删除了对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>
目前div为className&#34; social-links&#34;正在Chrome Dev Tools中显示Bootstrap默认类名的清单(我的.social-links在该列表中以粗体显示)。这个类名列表显示在我的主要CSS所在的Chrome开发工具和使用normalize.css的CSS之间。我实际上没有自己的CSS显示在这里 - 我还没有写任何东西。并且我的代码中的Bootstrap不再是任何地方。我没有导入它,我没有安装它。如果我在一个隐身窗口中打开,我仍然没有遇到这个问题。
我确实尝试右键单击刷新按钮以进行硬刷新和清除缓存,但它没有做任何事情。
我正在使用Webpack捆绑,并创建不同的捆绑文件(我的代码,供应商库)。有没有什么方法可以让Webpack在我的代码中保留Bootstrap的东西,即使我删除它并运行我的Webpack服务器并自从删除Bootstrap后多次构建?
我检查了捆绑的CSS,里面没有Bootstrap代码。此时,内部唯一的代码来自normalize.css。
答案 0 :(得分:0)
打开chrome dev工具后,右键点击“重新加载”工具。浏览器窗口中的图标,您会看到一个通常不可用的下拉列表。点击“清空缓存和硬重新载入”。你也可以通过按下&#39; control + f5&#39;来尝试重新加载。 (在PC上)或&#39;选项+ f5&#39; (在Mac上)。
如果此步骤后问题仍然存在,我可能会提供附加信息,如果您发布HTML&amp;您的网页的CSS,无论是在这里还是通过gist。
答案 1 :(得分:0)
好的,我明白了。我的adblocker通过检查一个庞大的类名列表并创建一个包含所有类的样式标记来阻止所有事情,以阻止使用这些类的任何东西。