手机百度浏览器底部fixed悬浮框屏蔽问题，终极解决方案

手机百度APP或者浏览器屏蔽广告被很多网页前端设计师困扰，也有很多网友提供解决方案，但是目前很多就被百度识破，增加了屏蔽规则，使其失效！

网络目前提的办法：

1.使用伪类生成器

也就是使用::after伪类，实测，已经不起作用！

2.改变图片宽度100%或者高度超过150px;

我经过实测，只要是悬浮广告，还是被K

作者的认知：

为什么会这样？因为百度屏蔽的是悬浮元素属性fixed;只要不带这个,百分之九十几通过，不会被屏蔽，那有的同学就说，为什么有的网站悬浮导航通过？

首先我需要告诉您的，悬浮网站底部导航有他的特点，不是说百度不屏蔽，而是百度放行的，为什么会？因为这类的网站第一使用相同元素多，使用用户广泛，都屏蔽会激起用户激烈反应；那为什么百度放行，是怎么放行的？原因：

①这类悬浮都是模板调用，写进HTML的，不是JS调用，调用的图片都是形成小图标，链接<a>多，百度规则很容易识别放行

②通用代码，大部分都是电影类网站，使用的都是同一作者的模板，标签元素很容易列入百度过滤规则白名单，就会通过；

③代码单一，没有什么特别，就是几行HTML代码写进网站模板里面（不要JS调用），默认是隐藏，显示是靠JS控制或者CSS控制，如显示器规则控制，不超过多少就显示，这个一般百度就会放行，因为百度识别这个会认为就是一个不显示的层，无多大危害！但是假如用户选择图片选择过滤，百度就会记住，入过滤规则库，下次就被屏蔽了！

那怎么办，假如需要悬浮，好的办法不是很多，只能靠技术人员想办法，尽量不要悬浮，那有的同学说了，那等于没说，用悬浮不要用单一的，多种技术集合

终极解决办法：

循环判断显示，动态变换元素规则（如不要用常见的div），不要直接加载img，使用背景相对好点（目前已被百度技术人员熟知），加载空层，不做悬浮，赋其图片元素，使用其他层动态切割加载，分割的越细越好。最终就是要循环让其显示，主要是循环！

还有最重要的就是获取百度过滤白名单规则，这个靠技术基础深厚的人去解析，欺骗百度放行！

为什么我不贴代码，因为这个动技术的人可以专研写出来，我写没有意义，假如是百度技术人员看到，很容易被列入过滤！因为百度过滤的是被浏览器解析后的代码，不是去分析你JS代码，这下你明白了吧？很多人都是想办法去从JS文件入手，如拼接代码等，别想了，没用！还有很多人看到一些广告联盟的代码，懂技术可以研究，看其方法，很有借鉴！很多都是带加密函数，那个不是给百度看的，是怕有人直接盗其代码！

防过滤/或者防屏蔽不是100%有效，都是钻空子，百度不可能写过滤所有，因为假如百度技术人员写过滤所有，它百度浏览器也就失去市场，它自己的联盟广告也会被K，会误杀很多网站所需正常显示的特效！广告活一天过一天，不要心存侥幸！

还有过滤不仅仅是代码，还有就是图片，如使用远程图片，跳转网址等，很容易判断是广告的！很多用户要求程序员写代码说要求100%防过滤，那是要求过分了，代码和过滤是矛与盾的关系，没人能保证，除非百度的技术人员，但是您找他他也不鸟你！