/tags/%E5%8E%BB%E5%B9%BF%E5%91%8A/Recent content in 去广告 on Colinx BlogHugo -- gohugo.ioen-usTue, 18 Feb 2020 00:00:00 +0000/posts/%E6%89%93%E9%80%A0%E6%B2%89%E6%B5%B8%E5%BC%8F%E4%BA%92%E8%81%94%E7%BD%91%E4%BD%93%E9%AA%8C%E5%B9%BF%E5%91%8A%E7%AF%87-%E4%B8%8A/Tue, 18 Feb 2020 00:00:00 +0000/posts/%E6%89%93%E9%80%A0%E6%B2%89%E6%B5%B8%E5%BC%8F%E4%BA%92%E8%81%94%E7%BD%91%E4%BD%93%E9%AA%8C%E5%B9%BF%E5%91%8A%E7%AF%87-%E4%B8%8A/ <h2 id="序"> 序 <a href="#%e5%ba%8f" class="h-anchor" aria-hidden="true">#</a> </h2> <p>继机械化、电气化、自动化的三次工业革命后，人类正迎来以互联网为载体的智能化时代。互联网与我们的生活结合得越来越紧密。除了装修房子，购置服装，优化家庭互联网体验也是提升生活质量的一个良好途径。本篇中我们将聚焦网页浏览来优化我们的互联网体验。</p> <h2 id="前言"> 前言 <a href="#%e5%89%8d%e8%a8%80" class="h-anchor" aria-hidden="true">#</a> </h2> <p>“上网冲浪”这样的词已经淡出公众的视野，身边的 10 后甚至 00 后都鲜有人熟悉这个词了。也许我们现在与互联网的交互并不局限于网页交互了，但我想，你也肯定不希望被自己偶然上某度查资料的时候被漫天的广告破坏了一天的心情。</p> <p>本系列将从以下几点从易到难，逐步优化日常的网页体验。无需任何代码基础，使用文中推荐的工具，小白亦可轻松上手！</p> <ul> <li>广告篇 <ul> <li>浏览器插件去除特定元素广告</li> <li>油猴脚本屏蔽搜索结果广告</li> <li>善用阅读工具</li> <li>通过 Hosts 屏蔽广告联盟 *</li> <li>借助 AdGuardHome 打造局域网统一去广告方案 **</li> </ul> </li> <li>网络篇</li> </ul> <p><img src="https://i.loli.net/2020/01/20/tDZ9kw68rAajWVy.png" alt=""></p> <p><img src="https://i.loli.net/2020/01/20/vAqHRYSNfl9PdTZ.png" alt=""></p> <p><img src="https://i.loli.net/2020/01/20/JgRAjFCdDpwreBU.png" alt=""></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20200120213009.png" alt=""></p> <p><img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20200121223647.png" alt=""></p> <p>这样的广告呢，虽然他的侵略性或许比以往更小了，不过还是有点碍眼。而且在某种程度上，依然可能会误导家里的老人或是小孩。为了统一家庭的互联网体验，减少不必要的麻烦，这个广告也是我们的 target。由于这个广告是嵌入搜索结果中的，如果你用之前的小伎俩，打算单独屏蔽这个广告对应的元素的话，你就要失望了。因为他会连带着屏蔽所有的搜索结果。这显然是不可取的。下面我们要介绍另外两个工具。</p> <h3 id="tampermonkey-油猴"> Tampermonkey 油猴 <a href="#tampermonkey-%e6%b2%b9%e7%8c%b4" class="h-anchor" aria-hidden="true">#</a> </h3> <p><img src="https://i.loli.net/2020/01/21/Jo4BkYaf3K58DmW.png" alt=""><br> 这是一个非常强大的浏览器插件，可以在特定的页面插入特定的 js 脚本，从而实现非常强大的功能。比如，音乐网站 VIP 资源下载，百度云盘下载加速，视频网站 VIP 资源在线观看，以及我们今天的的男二号：</p> <h3 id="ac---搜索引擎优化脚本"> AC - 搜索引擎优化脚本 <a href="#ac---%e6%90%9c%e7%b4%a2%e5%bc%95%e6%93%8e%e4%bc%98%e5%8c%96%e8%84%9a%e6%9c%ac" class="h-anchor" aria-hidden="true">#</a> </h3> <p><img src="https://i.loli.net/2020/01/21/ZYhCx2Xzd9yABcI.png" alt=""></p> <p>安装好油猴插件后，你可以在 <a href="https://greasyfork.org/zh-CN/">Greasyfork.org</a> 上下载各种黑科技般的脚本。安装成功后，油猴会在你进入符合条件的网页时自动启用对应的脚本。比如，你安装了 AC 的这个脚本，而这个网页是适配了某度的，那么当你进入某度的网页时，油猴就会自动启用这个脚本。快来领取属于你的纯净版度度吧。<br> <img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20200121231059.png" alt=""></p> <p>前面介绍的几个，都只是借助第三方工具来屏蔽网页上特定的碍眼的元素。如果我们要阅读来自不同网站的新闻，为了获得机制纯净的阅读体验，难道要用 AdBlock 一个一个选中页面中除文章主体文字以外其他所有元素？对于这种页面结构非常固定的一类网站，我们是否可以通过某种方式，来只提取页面主体的文字，以优化我们的阅读体验呢？</p> <h3 id="使用浏览器自带的阅读工具"> 使用浏览器自带的阅读工具 <a href="#%e4%bd%bf%e7%94%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e8%87%aa%e5%b8%a6%e7%9a%84%e9%98%85%e8%af%bb%e5%b7%a5%e5%85%b7" class="h-anchor" aria-hidden="true">#</a> </h3> <p>苹果很早就想到了这一点，Safari 浏览器可以识别当前的的页面是否是一个结构简单，文字为主题的页面。在符合条件的网页上，Safari 会提示你使用阅读工具来优化页面，以获得更好的阅读体验。当然，你也可以手动启用他。<br> <img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20200121233256.png" alt=""><br> 微软也不甘示弱，在随 Win10 推出的 Microsoft Edge 上，也内置了阅读工具。你可以在地址栏的右边找到他。<br> <img src="https://blog-1301127393.file.myqcloud.com/BlogImgs/20200121233739.png" alt=""><br> <em>[注：区别与 2020 年新的基于 Chromium 内核的新 Edge 浏览器，此处指的是老版 Edge HTML 内核的 Microsoft Edge 浏览器]</em></p> <h3 id="使用第三方阅读工具---简阅-simpreadhttpksriacomsimpread"> 使用第三方阅读工具 - <a href="http://ksria.com/simpread/">简阅 SimpRead</a> <a href="#%e4%bd%bf%e7%94%a8%e7%ac%ac%e4%b8%89%e6%96%b9%e9%98%85%e8%af%bb%e5%b7%a5%e5%85%b7---%e7%ae%80%e9%98%85-simpreadhttpksriacomsimpread" class="h-anchor" aria-hidden="true">#</a> </h3> <p><img src="https://i.loli.net/2020/01/21/ZcsEIv8wBfjOmVa.png" alt=""><br> 也许你买不起苹果，受不了 Win10，你依然可以通过安装第三方工具的方式享受纯净的阅读体验。简阅，正如他的名字，旨在为你提供简约的阅读视图。作者为了实现“简单阅读”这个小目标，主动适配了数百个常见的文字为主体的网站，并设计为可以自动检测网页结构，对于漫天飞舞的各类热门冷门的小说网站、新闻网站，都可以自动识别并优化为适合阅读的页面。</p> <p>恭喜你！利用上面介绍的几个工具，你已经可以在国内互联网环境中求的一份净土了。如果你感兴趣或是强迫症患者，欢迎前往 <strong>打造沉浸式互联网体验【广告篇 - 下】</strong><br> 温馨提示：下篇介绍的内容的内容将略有一点偏硬核，需要一点点的动手能力哦~</p>