介绍

下面介绍两个神器,可以零侵入式的修改网页内容,可以弄很多好玩的事情

比如:

  1. 去除Logo
  2. 去除视频标记
  3. 修改网页样式
  4. 拦截请求,修改内容
  5. ………………….

使用场景的话,大家可以脑洞大开了,就说一个经常用的场景,就是修改别人家的产品信息,给自己客户展示,作为售前的一些手段等等.

油猴

Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox

虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能, 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。

官方网址: http://www.tampermonkey.net/

下面截图是一个新建脚本的页面:

油猴可以直接使用的一些脚本: https://greasyfork.org/zh-CN

如果自己需要一些能力的话,可以先在上面的网址内找找资源,如果没有,那么可以自己创建一个脚本使用,不过需要一些Javascript的编码能力.

這里就不介绍具体怎么玩了,可以直接安装其他人写好的脚本,自己改改内容,做自己的事情,那么很容易就上手了.

油猴的官方文档地址: https://www.tampermonkey.net/documentation.php

下面介绍下Chrome的插件安装:

这个地址: https://chrome.google.com/webstore/search/tampermonkey?hl=zh-CN

找到Tampermonkey,然后安装就可以了

Charles

Charles是在您自己的计算机上运行的Web代理(HTTP代理 / HTTP监视器)。然后,将您的Web浏览器(或任何其他Internet应用程序)配置为通过Charles访问Internet,然后Charles可以为您记录和显示所有发送和接收的数据。

在Web和Internet开发中,您无法看到Web浏览器/客户端与服务器之间正在发送和接收的内容。没有这种可见性,很难准确地确定故障的位置。Charles可以轻松地查看正在发生的事情,因此您可以快速诊断和解决问题。

Charles使调试变得快速容易,安全和高级。节省您的时间.

主要特征

  • SSL代理 –以纯文本格式查看SSL请求和响应
  • 带宽限制以模拟较慢的Internet连接(包括延迟)
  • AJAX调试–以树或文本形式查看XML和JSON请求和响应
  • AMF –以树形视图查看Flash Remoting / Flex Remoting消息的内容
  • 重复请求以测试后端更改
  • 编辑请求以测试不同的输入
  • 拦截和编辑请求或响应的断点
  • 使用W3C验证器验证记录的HTML,CSS和RSS / atom响应

有一种为所欲为的感觉,让你的访问和返回都裸露在你的眼前.

下面介绍下Mac 版本的v4.5.4使用

如果为了使用方便,建议关闭电脑或者服务器上的一些VPN的软件

  • 打开代理模式

确认是否勾选代理

页面一些基本的介绍如下图:

点击自己关心的链接,查看返回的网页内容,和其他的信息

如果需要查看HTTPS的链接,需要安装下SSL的证书信息,不然拦截后看到的都是乱码,需要注意下

因为功能很多,下面就介绍一个修改返回内容的过程

修改内容有两个方式:

红色的方式是保存返回内容到本地,然后通过Map Local功能映射到保存文件,修改本地的文件内容,这个链接在此访问就会直接返回修改的本地文件

绿色的方式是通过断点的功能,当访问这个链接,就会出现阻塞,那么就可以修改内容,一步一步的执行了.

绿色的方式需要注意的是,开启断点后,需要重新访问链接,才会阻塞这个请求,然后一步步的执行.每个过程中都是可以修改头文件或者内容等等.

总结

有了这两个神器,基本上可以做一些简单的篡改请求或返回的内容了,还可以做一些小功能,让自己用着更舒服,尤其是对一些不舒服的网页,但是目前又要用的网页.

更多的功能大家慢慢发现了,也希望分享更多好玩刺激的脚本.