javascript.png

I. 主理人序

JavaScript yyds。如果你喜欢用 Chrome for iOS,那么你也可以试试通过 QuantumultX/Surge 等代理工具及其提供的方法为网站的特定网页嵌入 JavaScript 用户脚本,用于移除网页上的广告或加速视频广告跳过等;(参阅本文附注);

II. UserScripts 介绍(iOS App)

注意!本App需在 iOS 15及后续版本使用 via readme

狭义介绍(iOS App)

Userscripts for Safari – An open-source userscript Safari App Extension.jpg

An open-source userscript manager for Safari;一个开源的用户脚本管理器(for Safari);官方项目仓库及介绍: https://github.com/quoid/userscripts

广义介绍(Userscript本身)

用户脚本(Userscript)是一种程序,通常用JavaScript编写,可用于修改网页代码以增强用户的浏览体验。具体用途有添加网页的快捷按钮,控制视频播放速度以及为网站添加其他功能。在Firefox浏览器等桌面浏览器上,Userscript是通过浏览器扩充功能中的脚本管理器(例如Greasemonkey )启用的。在维基百科上,注册用户也可以启用用户脚本功能,他们可以安装用户脚本以增强他们编辑和浏览维基百科的体验。 via 维基百科

III. 安装及使用 UserScripts App

官方项目仓库及使用说明
系统支持:iOS15+;
浏览器支持:Safari 扩展;
官方项目开源仓库https://github.com/quoid/userscripts
App:App Store 搜索下载 UserScriptsUserScripts
油猴脚本大全https://greasyfork.org/zh-CN
毒奶去广告计划油猴脚本版https://greasyfork.org/zh-CN/scripts/443290-adblock4limbo
博主自建油猴脚本https://greasyfork.org/zh-CN/users/893587-limbopro (都在里面了,及时更新;部分涉及NSFW脚本需登陆 greasyFork账号后才能查看)免登陆:https://sleazyfork.org/zh-CN/scripts/443290-adblock4limbo

IV. UserScripts for Safari 视频使用教程

点此跳转 至YouTube 查看;

V. UserScripts for Safari 图文详细步骤

1.在App Store搜索安装 UserScripts

Userscript_Safari 浏览器扩展设置 - 开启.png

2.打开 userscript app,设置油猴脚本存储路径 - 可在 文件App 中进行删除脚本操作;

Userscript - 油猴脚本存储位置设置 - 如何删除脚本.png

3.打开 iOS 设置 App - 找到 Safari 浏览器 - 通用 - 扩展 - 允许这些扩展 - 选择启用 Userscript;

4.打开 Safari 浏览器,确保以下设置完成;

启用 Userscript 浏览器扩展.png

5.正式安装(油猴)用户脚本

安装 Userscript 用户脚本.png

以安装 内容农场 脚本为例;
打开https://greasyfork.org/zh-CN/scripts/442253-%E5%B1%8F%E8%94%BD%E5%86%85%E5%AE%B9%E5%86%9C%E5%9C%BA-with-%E6%B2%B9%E7%8C%B4%E8%84%9A%E6%9C%AC

更多博主自用自建油猴脚本放在这里https://greasyfork.org/zh-CN/users/893587-limbopro / 集合多合一版 https://greasyfork.org/zh-CN/scripts/443290-adblock4limbo ;(如需pornhub脚本,需登陆 greasyFork 账号后,再查看个人主页);免登陆:https://sleazyfork.org/zh-CN/scripts/443290-adblock4limbo

按不到 install 按钮?往上拉;

6.使用体验

启用脚本以及查看已在当前页面生效的脚本.png

现在,你可以在 Safari 上轻松的使用谷歌搜索或Bing搜索,正常情况下你不会再看到有关于 kknews 等其他内容农场域名 的任何链接;不想使用该脚本时,进入 Userscript 扩展里关闭即可;

VI. 内容农场脚本的内容示例参考

// ==UserScript==
// @name         屏蔽内容农场(with 油猴脚本)
// @namespace    http://tampermonkey.net/
// @version      0.3.3
// @description  利用 JavaScript/CSS 屏蔽「内容农场」在谷歌搜索结果中的呈现,顺便在清除谷歌搜索结果中的Adsense广告,还你清爽的 Google 中文搜索体验!
// @author       limbopro
// @license MIT
// @match        https://www.google.com/search*
// @match        https://www.google.com.hk/search*
// @match        https://www.bing.com/search*
// @match        https://www.bing.com/?FORM*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com.hk
// @run-at document-end
// @grant        none
// ==/UserScript==

// 动态创建并引入第三方脚本
var script = document.createElement("script");
script.src = 'https://limbopro.com/Adguard/contentFarm/contentFarm.js';
document.body.appendChild(script);

如上,脚本前半部分注释均为用户脚本管理器能识别的信息:进行定义,如脚本名称 @name 、脚本描述 @description、以及会在哪些网页生效 @match 等等;如需了解更多用户脚本相关知识,可参阅官方文档:https://www.tampermonkey.net/documentation.php ; 脚本的后半部分是 JavaScript 脚本实际可执行部分,包括一些函数、方法等等,用以遍历相应的HTML元素,如图片、块级元素,并对其进行精确匹配、替换、移除等等操作;对 JavaScript 有兴趣的(零基础)小伙伴可以参阅:蹲坑读物 - JavaScript 教程,作者阮一峰,可读性极高,不出半天基本上可以了解个大概了;

VII. 油猴脚本管理器用户脚本属性值说明

@name
脚本的名称。该项将显示在页面的标题以及链接内容,必填项。
@name:XX-YY
脚本在特定语言区域的标题。XX 指 ISO 639-1 国家代码 以及 YY 指可选的 ISO 3166 地区代码。该选项用于提供多语言的@name 脚本名称。
@description
脚本功能的描述,显示在脚本标题下面,必填项。
@description:XX-YY
用某门语言写成的脚本描述。XX 指 ISO 639-1 国家代码 以及 YY 指可选的 ISO 3166 地区代码。该选项用于提供多语言的@description 脚本介绍。
@namespace
@namespace 与 @name 这两个属性被作为脚本的唯一标识符,用户脚本管理器根据它们来判断一个脚本是否已安装。Greasy Fork 也需要这些属性,若用户在更新脚本时改变了两者中的任意一项,将发出警告。
@version
脚本的版本标记将使用 Mozilla 版本格式,并显示于脚本的简介页面。Greasy Fork 要求填写该属性,且当用户更新脚本时没有更新版本号或降低了版本号时将发出警告。
@include, @exclude, @match
描述脚本会在哪些网站上运行。该列表会被解析和展示到脚本的简介页面,并用于脚本的分类。每个脚本须有至少一个 @match 或 @include。了解格式细则。
@require
在您的脚本中引用其他外部脚本。请参见 包含外部脚本的使用规定。
@updateURL, @installURL, @downloadURL
告知用户脚本管理器应该在哪个地址获取脚本更新。Greasy Fork 将自动修改该属性使其永远通过 Greasy Fork 进行更新。
@license
许可证描述的是您是否允许别人以某些形式复制或修改您的脚本。建议从 SPDX 许可证列表 中选择「Full name」或「Identifier」填至此处。若您不提供许可证,则表示脚本仅允许个人使用且不得二次分发。许可证将在脚本的简介页面显示。
@supportURL
该脚本的技术支持链接(如:错误反馈系统、论坛、电子邮箱地址等),该链接将显示在脚本的反馈页面。
@contributionURL
用于捐赠脚本作者的链接,该链接将显示在脚本的反馈页面。网址可以为 http、https 或比特币协议的网址。如果您需要链接到贝宝捐赠页面,请使用例如 https://www.paypal.com/cgi-bin/webscr?cmd=_donations&[email protected]&item_name=Greasy+Fork+donation 这样的格式,替换为您自己的邮箱地址即可。
@contributionAmount
建议捐赠金额,请配合 @contributionURL 使用。
@compatible
标记此脚本与某个浏览器兼容,兼容性信息将显示在脚本的简介页面上。您也可以添加额外的兼容说明,如 @compatible firefox 火狐上必须关闭广告过滤器 这样的格式。目前能被网站识别的浏览器名称有:firefox, chrome, opera, safari, edge。
@incompatible
标记此脚本与某个浏览器不兼容,兼容性信息将显示在脚本的简介页面上。您也可以添加额外的兼容说明,如 @incompatible firefox 自火狐 23 开始不兼容 这样的写法。目前能被网站识别的浏览器名称有:firefox, chrome, opera, safari, edge。
@antifeature
披露会为脚本作者而非用户带来额外收益的功能。你可以通过在脚本的元数据中添加 @antifeature type description 值的方法披露。其中type(类型)是必须填写的内容,而 description(描述)则可以留空。更多信息可以点击此处阅读 Greasy Fork 上关于 type的说明。
@antifeature:XX-YY
你可以使用多种语言声明 @antifeature 属性,其中 XX 为 ISO 639-1 中定义的两个字符的代码,而 YY 则是一个可选的 ISO 3166 中定义的国家代码。在@antifeature中制定的每一个类型都可以自定义其本地化的说明。

Tampermonkey 用户脚本管理器使用官方文档
https://www.tampermonkey.net/documentation.php
greasyfork.org 文档:(包括如何安装、如何编写用户脚本):https://greasyfork.org/zh-CN/helphttps://greasyfork.org/zh-CN/help/meta-keys

VIII. 广告屏蔽或JavaScript学习指南

官网https://www.javascript.com/
JavaScript 教程https://wangdoc.com/javascript/index.html (随时可以阅读)
现代 JavaScript 教程https://zh.javascript.info/
JavaScript 教程https://www.runoob.com/js/js-tutorial.html (附带测试工具)
著名广告屏蔽扩展 uBlock Origin 提供了一些文档https://github.com/gorhill/uBlock/wiki 如 scriptlets插入等等

IX. 油猴脚本推荐

油猴脚本大全https://greasyfork.org/zh-CN

自建脚本

毒奶去广告计划油猴脚本版https://greasyfork.org/zh-CN/scripts/443290-adblock4limbo

博主自建油猴脚本https://greasyfork.org/zh-CN/users/893587-limbopro (都在里面了,及时更新;部分涉及NSFW脚本需登陆greasyFork账号后才能查看);免登陆https://sleazyfork.org/zh-CN/scripts/443290-adblock4limbo

X. Faq

如何保持所安装的油猴脚本为最新版本?

UserScripts 似乎没有像其他用户脚本管理器(如Tampermonkey)一样会定期自动更新已安装的脚本到最新版本,而是需要手动进入脚本安装页面(源码页),进行重新安装 : 即,Tap to re-install

升级脚本_重新安装_Tap to re-install.png

删除已安装脚本

Userscript - 油猴脚本存储位置设置 - 以及如何删除脚本.png

打开 userscript app,设置油猴脚本存储路径 - 可在 文件App 中进行删除脚本操作;

XI. 附注

最后修改:2022 年 05 月 30 日 09 : 55 AM