一个实用的Chrome小工具:xTrace

一个实用的Chrome小工具:xTrace

难度:容易 前言 我们在上网浏览网页时经常会被网站收集操作行为,收集行为本身并没有问题,但某些网站为了向移动端引流或者吸引注册经常需要点击“下载App阅读更多”或者"关注博主即可阅读全文"这样的交互行为,非常影响阅读体验,举个栗子🌰: 上图示例我想许多同学经常遇到,这在阅读体验上是非常糟糕的,中断我们日常工作的进程,打断我们开发思路,浪费我们的时间,这是不能接受的,鉴于此,我开发一个chrome插件——xTrace来屏蔽他们,其基本原理是利用这些博文本身需要做SEO,页面基本上是SSR渲染的,而遮蔽部分内容的功能基本都是通过前端js脚本实现的,所以只要阻断脚本执行即可。 下面我们看下xTrace如何使用? xTrace xTrace是一款Chrome扩展插件,用于屏蔽某些追踪用户行为的脚本,以及支持用户自定义屏蔽影响我们流畅阅读博文的前端脚本。 如何安装 方式一:在线安装 用户可以通过Chrome Web Store进行在线安装,这里是直达链接 使用在线安装可以自动获得本插件(xTrace)功能更新 方式二:离线安装 下载Github源代码到用户本地电脑 打开Chrome,进入扩展程序管理界面,开启开发者模式 点击加载已解压的扩展程序,选择源代码中的src目录并加载...

阅读全文

前端需要掌握的设计模式

前端需要掌握的设计模式

提到设计模式,相信知道的同学都会脱口而出,五大基本原则(SOLID)和 23 种设计模式。SOLID 所指的五大基本原则分别是:单一功能原则、开放封闭原则、里式替换原则、接口隔离原则和依赖反转原则。逐字逐句诠释这五大基本原则违背了写这篇文章的初衷,引用社区大佬的理解,SOLID 可以简单概括为六个字,即“高内聚,低耦合”...

阅读全文

js引擎的执行过程(一)

js是一种非常灵活的语言,理解js引擎的执行过程对我们学习javascript非常重要,但是网上讲解js引擎的文章也大多是浅尝辄止或者只局部分析,例如只分析事件循环(Event Loop)或者变量提升等等,并没有全面深入的分析其中过程。所以我一直想把js执行的详细过程整理成一个较为详细的知识体系,帮助我们理解和整体认识js。...

阅读全文

浏览器渲染过程

本文主要讲解浏览器页面渲染过程,js脚本解析执行过程,我将会另开文章分析,所以本文有关js解析的内容都会省略...

阅读全文