油猴脚本管理器使用示例（JavaScript运用、移除元素、修改样式、替换字符串、禁止新标签页打开链接、加速视频广告跳过）https://limbopro.com/archives/15628.html #广告屏蔽 #JavaScript #CSS #HTML

这两天找前端的学习资料，以完善此前写的文章；https://wangdoc.com/ 阮一峰写的，写的真好
#HTML #JavaScript #CSS

HTML（超文本标记语言）HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。https://developer.mozilla.org/zh-CN/docs/Web/HTML

层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。https://developer.mozilla.org/zh-CN/docs/Web/CSS

JavaScript（JS）是一种具有函数优先特性的轻量级、解释型或者说即时编译型的编程语言。虽然作为 Web 页面中的脚本语言被人所熟知，但是它也被用到了很多非浏览器环境中，例如 Node.js、Apache CouchDB、Adobe Acrobat 等。进一步说，JavaScript 是一种基于原型、多范式、单线程的动态语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。了解更多关于 JavaScript。https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

系统学习
JavaScript 教程
现代 JavaScript 教程
CSS 教程

#前端 #CSS #JavaScript #HTML

xPath 对页面层级结构稳定性要求极高，一些页面上动态加载的广告元素利用CSS选择器屏蔽效果更佳。

近期升级了元素点击调试模式，开启该模式后，点击元素可以获取它的相应属性选择器，元素尺寸大小，父元素，相对CSS选择器等，点击如何利用目标信息可获取更多操作信息。

大家可以根据需求，分析广告元素特征，选择，或修改选择器内容再屏蔽。

先尝试选择并屏蔽模式，再试试元素点击调试，最后再试试元素CSS获取。

xPath 与 css选择器，基本上可以解决大部分网页广告元素。

对于其他JS弹窗，可以利用查看脚本(看页面都加载了哪些脚本，是否存在恶意代码)，和执行JS小工具，配合代理工具拦截。比如https://abc.com/ads.js 里存在恶意脚本，那么就分流规则添加 abc.com，reject 拦截，或重写添加主机名abc.com，URL路径ads.js ，类型reject。

另，对于一些弹窗几次就不弹了，半天后或一定时间后又开始弹的(比如Supjav)，可以试试web 存储调试器，找到并修改它的一些弹窗设定值，让它半年后再套，看不懂？把值发给ai，让它帮你看。

还有透明元素，一些网站会用js动态创建透明元素并绑定监听，你根本看不见，不小心就点了，可以试一试清理透明元素看看有没有猫腻。

多试试，爱上前端是好事。

以上。

#JavaScript #CSS #HTML #前端 #iOS