千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > chrome插件,装这个就够了

chrome插件,装这个就够了

来源:千锋教育
发布人:qyf
时间: 2022-09-15 16:15:07 1663229707

  简单介绍一下 Tampermonkey :

  · Tampermonkey 是浏览器插件中神级的存在

  · 什么是神级插件 : 其他插件能做的, 他都能做到

  · 当你学会了 Tampermonkey 以后, 你就会发现, 其实 Chrome 插件就两种

  o 一种是 Tampermonkey

  o 一种是 其他插件

  点击加入前端千人大群交流学习,更多课程视频-源码软件安装包免费赠送~

  Tampermonkey 是如何运行的呢?

  · 在浏览器上, 我们看到的网页主要是通过运行脚本语言(JavaScript) 来实现一些页面交互和动效

  · Tampermonkey 就相当于给了你一个脚本入口, 你可以通过自己书写代码, 在指定的网页上执行

  比如:

  o 你自己在 Tampermonkey 里面书写一段代码叫做 alert("你好,成功了")

  o 你指定这段代码在 www.baidu.com 这个网站运行

  o 那么只要你打开着 Tampermonkey 插件, 那么你每次开启 百度 的时候, 都会弹出 你好,成功了

  注意:

  · 有一些网站开启了 GSP(内容安全策略), 是为了保证网页内容不会被修改, 防止恶意窃取隐私信息等

  · 那么就不能执行你的脚本了, 比如 知乎、Github、Twitter、Quora 等。

  · 不过, Tampermonkey 提供了一个可以在 GSP 页面运行脚本的能力, 不过代价就是破化了 GSP 的支持, 所以一些完全性更高的网站是肯定使用不了的了

  · 强烈建议, 不是高级玩家不要玩火, 小心尿床

  各个浏览器安装 Tampermonkey

  · Chrome : 应用商店搜索 Tampermonkey

  · FireFox : Greasemonkey

  · safari : Tampermonkey

  · Edge : Tampermonkey

  · Opera : Tampermonkey

  · 其他浏览器(QQ, 360 等) : 直接在浏览器应用中心搜索 Tampermonkey 既可

  别废话了,开始我的第一个脚本吧

  · 这里就不再说安装问题了

  · 我们直接来说使用

  · 很多人可能安装过 Tampermonkey 插件, 安装完毕以后, 发现不管是不是开启着插件好像都没啥用

  · 我浏览各种网页他也不起啥作用, 也不知道是干啥的

  · 因为他只是一个执行脚本的入口插件, 我们要写入特定脚本才好使

  开启 Tampermonkey 作战模式

  · 你要在你的浏览器上保证你的 Tampermonkey 插件是开启的

图片 12

  书写一个简单脚本

  · 点击浏览器右上角的插件, 选择添加新脚本

图片 11

  · 然后按照下图开始书写你的脚本

图片 10

  · 写完以后直接按下 ctrl + s 保存就可以

  · 此时, 你只要打开 百度一下 那么就会运行你刚才书写的脚本了

图片 9

  自己不会写,有免费脚本库

  · 如果你有能力, 是一个技术大佬, 那么你可以自己写所有的脚本

  · 当然,用别人的也可以。

  脚本库

  · 我们比较常用的免费脚本库有三个

  1. Greasy Fork

  2. OpenUserJS

  3. Userscripts Mirror

  · 我比较喜欢使用 Greasy Fork, 因为支持中文

  · 其他两个我怕我看不懂

  · 下面就以 Greasy Fork 来举例子, 其实都差不多的

  安装脚本

  · Greasy Fork:

  o 并且是按照今日安装 , 安装总数, 和得分进行的排序

  o 比较简单, 也都是中文, 我们看得懂的

  · 按照下图进行简本搜索

图片 7

  · 根据人家的中文介绍, 找一个你觉得合适的脚本点击进去

图片 6

  · 点进去以后, 我们直接安装脚本就可以了

图片 5

图片 4

  · 点击完安装以后, 你会发现什么也没有发生, 就过去了

  · 其实不用管, 因为已经安装在你的 Tampermonkey 中了

  · 你只要去到爱奇艺看视频就会发现生效了,看视频再也没有广告了

图片 3

  查看已经安装的脚本

  · 我想看看我安装的脚本咋办

  · 直接在 Tampermonkey 插件上右键单击, 然后选择选项

图片 2

图片 1

  · 这个就是你自己已经安装或者写好的脚本了

  · 我们刚才自己写的那个脚本最好就删掉了, 因为没啥用

  以上就是 Tampermonkey 的基本使用。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT
开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区
  • 南昌校区
  • 哈尔滨校区