02[自制油猴插件]我是如何优化B站评论区外链体验的
JS代码如下:
// ==UserScript==
// @name Bilibili link
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author ITKEY
// @match *://*.bilibili.com/*
// @require https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.js
// @icon https://www.google.com/s2/favicons?domain=bilibili.com
// @grant none
// ==/UserScript==(function() {'use strict';//没有反应,那是因为评价是ajax加载的,异步加载,评价还没出来的时间我们的代码获取不到text节点。$("#app").mouseover(function(){//当用于鼠标在页面上移动时触发我们的代码console.log('--------鼠标移动啦-------');//获取链接的节点//简介中的链接还不可以点击。 .desc-info//评论中的子评价链接还无法点击,我们来处理一下。 .text-con$(".text,.desc-info,.text-con").each(function(){var item = $(this).html();//出bug了,因为代码多次重复执行了,那么我们加个判断,已经增加的</a>就不在执行代码。if(item.indexOf('</a>')>=0){//console.log('----链接已存在!----');//可以啦,我们的小插件就开发完成了。}else{//那么我们要筛选出其中带的url的部分评论,这里用正则来筛选var result = item.match(/(https?|ftp|file):\/\/[-A-Za-z0-9+&@#\/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g);//对匹配到的url处理,把它放进a标签中,使其成为一个超链接if(result && result.length>0){for(var i=0;i<result.length;i++){//循环输出结果var urlStr = result[i];//对这个url进行拼接字符串,让其从新标签页打开var newLink = '<a href="'+urlStr+'" target="_blank">'+urlStr+'</a>';//替换老的字符串为新的超链接字符串item = item.replace(urlStr,newLink);}}//把新的html源码放进节点之中$(this).html(item);}})});})();
导航
标题 | 图文 | 视频 | 日期 |
---|---|---|---|
[自制油猴插件]教程目录 | 图文 | 视频列表 | - |
02我是如何优化B站评论区外链体验的 | 图文 | 视频 | 2021-11-12 |
02[自制油猴插件]我是如何优化B站评论区外链体验的相关推荐
- 自己动手写油猴脚本 - 简单优化微信读书网页版阅读体验
1. 微信读书网页版的问题: 内容居中未充满整个body(强迫症),右侧的下滑滚动条影响全屏时候的阅读体验. 2. 解决方法 使用油猴脚本(没有Tampermonkey,请自行百度安装)来修改网页源码 ...
- 油猴插件(隐藏知乎标题,屏蔽百度搜索广告)
1.隐藏知乎标题 先下载安装一个浏览器插件"油猴插件"(Tampermonkey): https://www.aliyundrive.com/s/4rTXeq7R8bx 提取码: ...
- 谷歌浏览器 Chrome 安装 Tampermonkey 油猴插件的方法
谷歌浏览器 Chrome 安装 Tampermonkey 油猴插件的方法 一.什么是油猴脚本 二.油猴安装方法 方法一:Google官方商店安装(推荐) 方法二:本地安装(无需KX上网) 一.什么是油 ...
- chrome+油猴插件+IDM实现百度网盘大文件的高速下载
郑重声明:此篇文章只作为个人学习研究中解决百度网盘下载速度慢的解决方法,不做为任何商业用途,所有工具和实验工具都合法来自于公开互联网,本人支持正版,拒绝盗版.请读者严格遵守相关规定,本人不对他人通过本 ...
- BigSur下Safari14.1.1安装油猴插件(Tampermonkey)
Tampermonkey for mac Safari是一款浏览器扩展和最为流行的用户脚本管理器,Tampermonkey 提供了诸如便捷脚本安装.自动更新检查.标签中的脚本运行状况速览.内置的编辑器 ...
- tampermonkey油猴插件|tampermonkey油猴脚本
让你的电脑浏览器使用起来更加强大吗?那么可以试试tampermonkey油猴插件,这是专门为市面上主流常见的chrome谷歌浏览器.firefox火狐.360浏览器.Microsoft Edge.Op ...
- Chrome安装油猴插件详细教程
Chrome安装油猴插件详细教程 一.油猴安装方法 方法一:Google官方商店安装(推荐,需要科学上网) 方法二:本地安装(无需科学上网,不会科学上网的适用) 二.安装油猴插件 方法一:Google ...
- 【记一次开发油猴插件的过程】——逆水寒
记一次开发过程 基于油猴插件写的纯javascript代码 第一步 第二步 第三步 第四步 第五步 第六步 基于油猴插件写的纯javascript代码 一个朋友找我帮忙,我刚好闲着无聊写了一下,有需要 ...
- Edge浏览器安装油猴插件以及好用的插件推荐
目录 一.介绍 二.下载步骤 一.介绍 油猴插件是非常好用的,可以帮助我们解放双手眼睛这些.帮助学习,通过这些 二.下载步骤 1.打开edge浏览器,右上角点击三小点,选择扩展 2.点击这个 3.点击 ...
最新文章
- AJAX 在中文社区的“集体信仰动摇”?!
- Python3 使用推导式统计字符出现次数
- mysql 默认密码_mysql数据库安装
- python面向对象编程138讲_Python面向对象编程简单讲解
- 今天携程出事了:让我们来学习下http的响应码
- 计算机病毒对消息钩子的利用与对抗
- python 发送邮件附件很慢_Python SMTP 发送带附件电子邮件
- 【转贴】没有div没有float没有clear没有hack的超强CSS布局
- LINUX下的FTP服务器
- linux yum提示Loaded plugins: fastestmirror, security错误的解决方法
- im2col函数解析
- Linux shell脚本详解及实战(一)——shell简介、shell变量及脚本规范
- python入门经典100题
- 谷歌大脑的“世界模型”简述与启发
- EverNote 极致的免费笔记资料管理软件 (数据网络同步、支持PC、Mac与手机多平台) 转自:http://www.iplaysoft.com/evernote.html
- 基于QT开发的线性代数初学者的矩阵计算器设计
- 虚拟麦克风音频输入_收音和录音一次性解决了,这个机顶麦克风可以录音?
- 51nod1359 循环探求
- 阿里云安全中心是什么?提供哪些防护?
- 由sizeof 这个“管”,窥一窥C语言这只“豹”