1，现象
美工童鞋，开发了页面。
发现特别奇怪的现象，有一个div不显示了。
开始还以为是浏览器兼容的问题。
找啊找，重写了样式也不行，而且根本没有找到那个div。
2，原因
是因为我安装了广告拦截插件。
美工童鞋在div的样式命名的时候写了一个 xxxxx-ad的class。
结果直接被插件拦截了。
我的那个div就消失了，折腾1 天多才找到的问题。
chrome 和 safari 广告插件拦截了我的div
2016-05-04
1029
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
1，现象美工童鞋，开发了页面。 发现特别奇怪的现象，有一个div不显示了。 开始还以为是浏览器兼容的问题。 找啊找，重写了样式也不行，而且根本没有找到那个div。2，原因是因为我安装了广告拦截插件。 美工童鞋在div的样式命名的时候写了一个 xxxxx-ad的class。 结果直接被插件拦截了。 我的那个div就消失了，折腾1 天多才找到的问题。
目录
相关文章
|
3月前
|
Web App开发
JSON
JavaScript
|
5月前
|
Web App开发
存储
前端开发
《Chrome谷歌插件Top10》开发最好用的谷歌插件
本文介绍了多个实用的浏览器插件及其安装方法。包括CSDN浏览器助手，提供高效开发工具；FeHelper，前端必备工具，支持格式化、压缩等功能；uBlock Origin，有效屏蔽广告和弹窗；PageLiner，网页标尺工具，便于前端设计；Fatkun，批量下载图片；Smallpdf，文件转换工具；Octotree，GitHub代码树插件；Awesome Screenshot，截图与录屏工具；ColorZilla，颜色拾取器；Dark Reader，暗黑模式阅读插件。安装方式有通过Chrome商店搜索或下载crx插件本地安装。
86
11
11
|
5月前
|
Web App开发
JSON
前端开发
|
5月前
|
Web App开发
前端开发
JavaScript
手摸手教你，从0到1开发一个Chrome浏览器插件
开发 Chrome 插件既有趣又具成就感。本教程将引导你从零开始，逐步创建一个简单的 Chrome 插件。首先了解 Chrome 插件是可增强浏览器功能的小程序。以一个基础示例开始，你将学习如何设置开发环境，包括安装 Chrome 和准备文本编辑器，并掌握 HTML、CSS 和 JavaScript 的基础知识。接着，我们将构建插件的基本结构，涉及 `manifest.json` 配置文件、`background.js` 后台脚本、`popup.html` 用户界面以及 `style.css` 样式表。
380
8
8
|
5月前
|
Web App开发
|
5月前
|
Web App开发
前端开发
JavaScript
灵魂拷问-前端到底能做些什么？--chrome插件篇
本文会从浏览器插件应用场景切入，穿插插件基础能力和常见入口的介绍，核心回答如下三个问题：插件可以被使用在哪些场景？不同的使用场景我们的主要代码实现思路是怎样的？我们可以从哪些角度入手自己开发一款可以落地实用的浏览器插件？
25
0
0
|
6月前
|
Web App开发
数据可视化
前端开发
|
6月前
|
Web App开发
JavaScript
前端开发
|
6月前
|
Web App开发
存储
JavaScript
|
5月前
|
Web App开发
人工智能
iOS开发
灵办AI助手Chrome插件全面评测：PC Web端的智能办公利器
《灵办AI助手：Mac OS下的高效办公利器》
灵办AI助手是一款专为提升工作效率而设计的浏览器插件，适用于Chrome、Edge等主流浏览器，在Mac OS系统中表现尤其出众。本文将深入评测其核心功能，包括网页翻译、AI对话、AI阅读及代码辅助等，展示如何在实际工作中运用这些功能来提升效率。此外，文中还提供了详细的安装与设置指南，帮助读者轻松上手这款办公神器。无论你是学生、职场人还是开发者，灵办AI助手都能成为你提高生产力的理想选择。
154
0
0
热门文章
最新文章
1
iOS 调试：通过 Safari/Chrome 调试 WebView
2
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器
3
通过Safari浏览器获取iOS设备UDID(设备唯一标识符)
4
windows10 chrome 调试 ios safari 方法
5
[转]JS根据useAgent来判断edge, ie, firefox, chrome, opera, safari 等浏览器的类型及版本
6
Safari打不开该网页，因为网址无效问题说明
7
MAC Safari 浏览器自动重启，活动监视器闪退，CPU过高导致风扇嗡嗡响
8
如何调试 iPhone Safari 浏览器的CSS兼容问题
9
Appium+python自动化16-appium1.6在mac上环境搭建启动ios模拟器上Safari浏览器
10
Mac 打开safari浏览器直接卡死解决方法，解决Safari浏览器访问网页卡死重新再打开浏览器还是卡死实例演示
1
实用的chrome命令
1367
2
实用的chrome浏览器命令
83
3
chrome安装vue插件 vue-devtools
2321
4
【热门话题】实用Chrome命令：提升前端开发效率的利器
79
5
实用的Chrome浏览器命令
256
6
一键自动化博客发布工具,chrome和firfox详细配置
140
7
【专栏：工具与技巧篇】网页调试工具（Chrome DevTools）的使用
594
8
【专栏】如何使用 Chrome DevTools 的断点功能提升前端调试效率， 花式打断点
480
9
走进Chrome拓展开发，定制自己的图床扩展
64
10
【热门话题】Chrome 插件研发详解：从入门到实践
161