chrome alert 需要点击三次才可以关闭_chrome插件,装这个就够了

b55758ffc77511b72eea098dd038b7b9.png

简单介绍一下 Tampermonkey :

  • Tampermonkey 是浏览器插件中神级的存在
  • 什么是神级插件 : 其他插件能做的, 他都能做到
  • 当你学会了 Tampermonkey 以后, 你就会发现, 其实 Chrome 插件就两种
  • 一种是 Tampermonkey
  • 一种是 其他插件

Tampermonkey 是如何运行的呢?

  • 在浏览器上, 我们看到的网页主要是通过运行脚本语言(JavaScript) 来实现一些页面交互和动效
  • Tampermonkey 就相当于给了你一个脚本入口, 你可以通过自己书写代码, 在指定的网页上执行

比如:

  • 你自己在 Tampermonkey 里面书写一段代码叫做 alert("你好,成功了")
  • 你指定这段代码在 http://www.baidu.com 这个网站运行
  • 那么只要你打开着 Tampermonkey 插件, 那么你每次开启 百度 的时候, 都会弹出 你好,成功了

注意:

  • 有一些网站开启了 GSP(内容安全策略), 是为了保证网页内容不会被修改, 防止恶意窃取隐私信息等
  • 那么就不能执行你的脚本了, 比如 知乎、Github、Twitter、Quora 等。
  • 不过, Tampermonkey 提供了一个可以在 GSP 页面运行脚本的能力, 不过代价就是破化了 GSP 的支持, 所以一些完全性更高的网站是肯定使用不了的了
  • 强烈建议, 不是高级玩家不要玩火, 小心尿床

6464a25360cb929e39d0789b53db23d2.png

各个浏览器安装 Tampermonkey

  • Chrome : 应用商店搜索 Tampermonkey
  • FireFox : Greasemonkey
  • safari : Tampermonkey
  • Edge : Tampermonkey
  • Opera : Tampermonkey
  • 其他浏览器(QQ, 360 等) : 直接在浏览器应用中心搜索 Tampermonkey 既可

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

858e2da521f2f7c22951cebc45087c3e.png
  • 这里就不再说安装问题了
  • 我们直接来说使用
  • 很多人可能安装过 Tampermonkey 插件, 安装完毕以后, 发现不管是不是开启着插件好像都没啥用
  • 我浏览各种网页他也不起啥作用, 也不知道是干啥的
  • 因为他只是一个执行脚本的入口插件, 我们要写入特定脚本才好使

开启 Tampermonkey 作战模式

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

7ebe1fe8bae1808432e7e0e7e291b1b0.png

书写一个简单脚本

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

b7b99cff5e0a4ab4d0b1911a77c09bec.png
  • 然后按照下图开始书写你的脚本

b246ab5257ca8c1314a27560479a7c57.png
  • 写完以后直接按下 ctrl + s 保存就可以
  • 此时, 你只要打开 百度一下 那么就会运行你刚才书写的脚本了

74e7971784493b2ab030d6059c1132ee.png

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

  • 如果你有能力, 是一个技术大佬, 那么你可以自己写所有的脚本
  • 当然,用别人的也可以。

63539f0485efa0c2cf443ed43bbd4006.png

脚本库

  • 我们比较常用的免费脚本库有三个
  1. Greasy Fork
  2. OpenUserJS
  3. Userscripts Mirror
  • 我比较喜欢使用 Greasy Fork, 因为支持中文
  • 其他两个我怕我看不懂
  • 下面就以 Greasy Fork 来举例子, 其实都差不多的

安装脚本

  • Greasy Fork:
  • 并且是按照今日安装 , 安装总数, 和得分进行的排序
  • 比较简单, 也都是中文, 我们看得懂的
  • 按照下图进行简本搜索

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

4711b44f1a26ea70795f40babf9cc60f.png
  • 点进去以后, 我们直接安装脚本就可以了

16827f1defdb709e6e1c42c1a417cf1b.png

2c34ba5f222ec7b485bad51f6be83d3f.png
  • 点击完安装以后, 你会发现什么也没有发生, 就过去了
  • 其实不用管, 因为已经安装在你的 Tampermonkey 中了
  • 你只要去到爱奇艺看视频就会发现生效了,看视频再也没有广告了

0f7a42b7e4274c83585cde5c665ac57a.png

查看已经安装的脚本

  • 我想看看我安装的脚本咋办
  • 直接在 Tampermonkey 插件上右键单击, 然后选择选项

949a7633bf14451d0cff7e3fc2416fc2.png

bda7625eb454fab23833f5c462decdf6.png
  • 这个就是你自己已经安装或者写好的脚本了
  • 我们刚才自己写的那个脚本最好就删掉了, 因为没啥用

以上就是 Tampermonkey 的基本使用

2f77297d5a84fab7efdfbe8e3772f094.png

此文转载自:千锋HTML5学院

原文链接:chrome插件,装这个就够了

Eric:VsCode常用设置(新手必备!)​zhuanlan.zhihu.com
Eric:菜鸟面试攻略​zhuanlan.zhihu.com
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值