问题: 今天部署项目的时候又遇到了一个奇葩的问题,在本地运行的时候明明好好的,部署到服务器上时,突然有一块内容不显示了。
问题排查: 打开浏览器控制台,审查元素,发现那块内容被加上了display:none !important,可是我的代码上根本没有这个属性,上网查资料,发现是浏览器插件AdGuard的问题,估计对于一些特定的css类名 ,它不允许吧,我的那块内容的css类名是gpt-container,可能是gpt是关键词??
但为什么本地可以运行……
解决方案:
①改一下类名就行,我改成了chat-container就行了。
②或者让插件不拦这个网站,但这个只能解决自己的问题,万一别人也用这个插件,别人也看不到那块内容。自己选叭~