tampermonkey

前言 出来工作几年了，平时在工作中主要使用谷歌浏览器，调试页面，查询资料，很难离得开这家伙。如何高效的使用谷歌浏览器？这是大多数人都希望知道，但是却很少做得到的一个事情。其实很不难，借助一套谷歌插件和养成使用习惯（认知度和熟悉度）便可。 在工作和平时使用电脑的过程中，有空的时候，喜欢搜索谷歌浏览器插件，有的插件安装了删了又安装，有的删除了永远不想找回来，有的安装了永远不敢删。折腾来折腾去就整了一套插件。一开始搜索折腾插件确实消耗我的时间，最后一整套插件出来，我对这些插件的使用习惯形成，大大提高（不只是工作）效率和上网的体验。 搜索篇 记得2年前我在阮大哥的博客看了一个话：软件是时间黑洞，它可以吞噬大量时间。我高度认同这个话，一个人的时间很有限，禁不起风吹雨打。网页上面的那些广告，美图（特别是美女图片），夸大的标题等等，很容易吸引个人去点击，浏览，时间一分一秒就过去，大多数情况下，这些内容毫无意义，没有营养，这就是吞噬时间。 再说个人时间和精力有限，不要在无用的信息上浪费。现在处于信息爆发时代，一个人随便发个微博，文章，是一个信息。这么多的用户，每天产生多少条信息，这个数量是很可怕的。其中，垃圾信息是占多数的。所以用好浏览器，躲开这些坑，很有必要。 最近发现，其实有种简单的模式使用浏览器，简单高效率。搜索过程分为2个页面：一个是搜索列表页面，例如国内的百度，必应，国外的谷歌

直奔主题，给大家推荐 10 个好用的插件。 1、「Adblock Plus」 世界排名第一的免费广告拦截程序 ​ 相信大家都有这样的体验，进某个论坛、新闻或者购物网站，广告满天飞，关掉之后还时不时弹出来，十分影响浏览体验。 「Adblock Plus」是一个由社区推动的开源项目，致力于去除烦人的广告。装上 「Adblock Plus」，基本上能屏蔽绝大部分的广告，但也有一些网站的广告合理，并且需要靠广告运营下去的，「Adblock Plus」提供了白名单功能，这些网站也需要广告的支持。 2、「Download Plus」 下载 + ​ 「Download Plus」主要针对 Chrome，因为 Chrome 的下载管理在二级菜单里，进去很不方便，装了这个插件就可以直接查看和管理，很方便，其他浏览器不是很清楚。 3、 「二维码 (QR 码) 生成器」 网页二维码生成器 ​ 二维码生成器，可以把当前的网页直接生成二维码，点击立即生成！ 4、 「为什么你们就是不能加个空格呢？」 强迫症拯救者 ​ 每次看到文章中的英文、数字、中文全部凑在，你知道我的内心是什么样吗？肯定是奔溃的！ 你们就不能在它们之间加个空格？装上「为什么你们就是不能加个空格呢？」，自动把网页中所有中文、英文、数字、符号之间插入一个空格，从此告别此痛苦，拯救强迫症患者。作者貌似是台湾的，支持简体中文和繁体中文。 5、

大佬止步，不喜勿喷。 不废话，放代码： 1 // ==UserScript== 2 // @name 自动点赞新版 3 // @namespace http://tampermonkey.net/ 4 // @version 0.1 5 // @description try to take over the world! 6 // @author You 7 // @match https://blog.csdn.net/* 8 // @grant none 9 // ==/UserScript== 10 11 ( function () { 12 'use strict' ; 13 // Your code here... 14 // 没有点赞,自动点赞 15 16 if (document.getElementsByClassName("is-like")[0].innerHTML.search("点赞") != -1 ){ 17 document.getElementsByClassName("is-like")[0 ].click(); 18 } 19 })(); 原始没有点赞的网页格式： 【右键查看源代码即可！】 ​ 已经点赞的：【这次都是两个字：点赞，已赞。匹配汉字长度行不通啦。那就通过serch函数查找的方法来实现啦！】 ​ 查找未点赞出现的： 1 alert

某厂面试归来，发现自己落伍了！>>> 越来越背离开发者的 CSDN 竟然对反广告下手了。检测到广告被过滤竟然弹框不给看博文，还强制跳转到登录页。恶心。 直入正题，给浏览器装好油猴（这里我用的是 Tampermonkey for Edge），编写自定义插件，写入以下几行，保存启用： // ==UserScript== // @name anti-csdn-ad-checker // @namespace http://tampermonkey.net/ // @version 0.1 // @description csdn sucks! // @author xp // @match https://blog.csdn.net/*/article/details/* // @grant none // @requires https://code.jquery.com/jquery-3.3.1.min.js // ==/UserScript== (function() { 'use strict'; // 关闭反广告 $('.adblock').detach(); $('.check-adblock-bg').detach(); var highestIntervalId = setInterval(function () {}); for (var i = 0 ; i <

大家好，感谢大家对小编的支持，小编会在给大家推荐精品软件的道路上越走越远！哈哈！今天macdown小编给大家聊一聊Chrome浏览器扩展插件那些事儿？ 说到浏览器扩展，可以理解为插件应用，主要功能是增强浏览器，来弥补浏览器本身没法实现的功能，就像是给我们的mac安装上各种软件，已实现各种各样功能的应用一样！试想，你的macbook再高级，如果不安装软件，那是多么浪费?浏览器也一样，一个不安装扩展的浏览器，是多么的无趣啊。当然这些效果也是因人而异的，如果只是简单的用浏览器来网页，可能这些插件的作用也并不大。 好了话不多，进入今天的主题，小编就以Chrome浏览器为例来聊一聊它的那些扩展插件。 Tampermonkey（油猴） 一款浏览器脚本管理插件，支持大多常见浏览器，结合脚本大全网站 greasyfork，能够方便的实现脚本旳一键安装、自动更新、快速启用等便捷功能，通过用户脚本可以实现很多实用或有趣的功能，同时Tampermonkey还有可能正常运行原本并不兼容的脚本 虽然有些受支持的浏览器拥有原生的用户脚本支持，但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。 谷歌访问助手 谷歌chrome浏览器商店，gmAIl邮箱不能注册怎么办，你需要谷歌访问助手这款浏览器插件帮你解决问题。 专为chrome扩展用户量身打造，可以解决chrome扩展无法自动更新的问题

你没看错.... 确实是用vue3.0 编写油猴插件.... 刺激~ 修改自 vue-next-webpack-preview 几乎没怎么改, 主要加了less 开发背景 首先尝试过油猴对于大型脚本的支持(脚本在50~100kb)还是不错的, 所以萌生用vue实现一个小工具, 在测试过vue2和vue3打包后的大小后vue3会小10~20k, 决定采用vue3 功能介绍 效果, 鼠标移动的时候会显示, 鼠标静止后15s 会自动隐藏, 视频全屏时也不会显示 只有页面中出现视频标签时才会显示, 对于有些网站采用自研播放器的并不支持, 采用jpg格式主要是为了速度考虑, 并且根据b站视频清晰度确定截图大小, 如果图像不清晰, 可以使用1080P视频截图 双击会变大, 可移动到任意位置, 并记住该位置(使用localstorage实现), 几个按钮分别为, 缩小, 展开已截图的列表, 清空列变, 显示截图数目 快捷键截图 ctrl+shift+s 或者单击照相机也可以截图 截图列表中可以直接下载或删除, 也可以点击图片可以查看大图, 并下载, 点击遮罩会取消显示 下载安装 脚本地址, 由于不允许使用压缩后的js, 可能会被移除.....不过这次也只是验证方案可行性, 影响不大, 反正我本地装了.... B 站视频截图工具 UI 版 ctrl+shift+s

项目结构 其中build.js 主要是为了向打包后的js文件写入 UserScript 信息, 之所以不用 BannerPlugin 是因为这个插件中如果包含一些特殊(@ == \n 等)字符会转换为逗号...... 设置raw为false时是下面这种, 没法用.... 浏览器调试 首先在 chrome://extensions 页面，把 tampermonkey 的【允许访问文件网址】勾上。 在 ==UserScript== 里添加 // @require file://d:\a.js 这样相当于直接引入本地js, 开发过程中每次修改文件后需要手动刷新页面, 这样就能使用最新的代码.... 这个方式没法热更新, 不过对于一些简单的脚本已经够用了 webpack配置相当简单, 暂时没有加其他loader(甚至都可以不要) const path = require("path"); module.exports = { entry: "./src/index.js", output: { filename: "output.js", path: path.resolve(__dirname, "build") } }; package中主要是脚本 { "name": "bilibili-capture", "version": "1.0.0", "description": "",