如何在谷歌浏览器中利用开发者工具屏蔽烦人的弹出广告元素？

可使用开发者工具精准定位并临时隐藏顽固弹窗广告：先用F12打开工具，通过元素选择器定位广告DOM节点，再在控制台执行document.querySelector("选择器").style.display="none"隐藏；还可保存为书签实现一键隐藏。

当你在谷歌浏览器中遇到某个网站反复弹出特定广告（比如右下角浮动推广框、页面中央遮罩层、倒计时领取红包浮层），而常规广告拦截插件又未能识别时，可直接用开发者工具精准定位并临时隐藏该元素，操作快、无需安装扩展、立竿见影。

打开开发者工具并定位弹窗广告DOM节点

按 F12 或 Ctrl+Shift+I（Windows/Linux）/ Cmd+Option+I（macOS）打开开发者工具，切换到“元素”（Elements）标签页。

点击左上角的蓝色箭头图标（或按 Ctrl+Shift+C / Cmd+Shift+C），此时鼠标变成十字光标；将光标悬停在弹窗广告区域上，网页中会实时高亮显示对应HTML结构，松开鼠标即可自动选中该节点。

这一步必须悬停后再松开鼠标，否则可能选中父容器而非弹窗本体；若高亮范围过大，可逐级点开左侧DOM树，找到 class 名含 popup、modal、ad、banner、layer、float 等关键词的最内层 div 或 iframe。

用控制台执行代码临时隐藏该元素

切换到“控制台”（Console）标签页，粘贴以下代码并回车：

document.querySelector("你的CSS选择器").style.display = "none";

其中“你的CSS选择器”替换成上一步选中节点的完整选择器——右键该节点 → 选择“复制” → “复制选择器”，得到类似 #ad-layer > .popup-wrapper:nth-child(2) .close-btn + .content 的字符串，直接粘贴进引号内即可。

执行后弹窗立即消失，但刷新页面会恢复。这个操作只影响当前标签页，【不会修改网页源码，也无任何安全风险】。

保存为书签实现一键隐藏（永久可用）

第一步：在地址栏右侧空白处右键 → 选择“添加网页”。

第二步：名称填“隐藏弹窗”，网址栏粘贴以下内容（注意全部在一行，且把其中的选择器替换成你实际复制的那个）：

javascript:document.querySelector("你的CSS选择器").style.display="none";void(0);

第三步：点击“完成”。之后每次访问该网页，点一下这个书签，弹窗就消失了。

这个书签本质是 JavaScript 伪协议，仅在当前页面运行，【不联网、不上传、不读取其他网站数据】，适合对付那些只在特定页面出现、规则库尚未覆盖的顽固弹窗。