Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] 关于社交媒体图标被广告拦截插件屏蔽的优化点 #81

Closed
lanzhi-lee opened this issue Mar 25, 2020 · 2 comments
Labels

Comments

@lanzhi-lee
Copy link

lanzhi-lee commented Mar 25, 2020

解决什么问题

线上偶然会出现的,社交媒体按钮被广告拦截插件屏蔽,导致无法显示的问题

如何判断是否出现该问题

若站点社交媒体不见了,开启浏览器的无痕模式,打开站点,查看图标是否出现

如何解决

  1. 临时解决;关掉广告拦截插件,例如:Adblocker for Chrome - NoAds
    image
    或者尝试其他可能引起该问题的插件

2. 彻底解决,更换图标使用的类名 .sns-link

如何复现

安装上面提到的插件,打开一个配置了社交媒体图标的显示站点

问题发现的思路

在线上站点使用审查元素选中原本应该图标的位置,发现被注入了一段css
image
image

复制出去,搜索,会发现我们使用的类名.sns-link

image
解决

其他

简单搜索了源码,发现这个类名在个人信息卡和footer中被使用了,但是不知道还有没有其他特殊的含义,如有需要,可帮忙修改

@meteorlxy
Copy link
Owner

也不知道被哪家广告的类名误伤了,法克

@stale
Copy link

stale bot commented Jun 6, 2020

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Jun 6, 2020
@stale stale bot closed this as completed Jun 13, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants