(Ver 0.5)油猴脚本：微信推送浏览功能拓展

Latest update date:2021/05/18 Ver0.5

Ver0.5 更新说明：

功能特性：

增加单击文本复制文章摘要功能
增加设置默认时间显示格式
增加设置引导关注栏的开启或关闭
移除了“封面链接”按钮，获取封面链接可以点击公众号蓝字后点击内部的二维码获取

性能优化：

用对象变量统一管理功能开闭的逻辑，所有功能的启用与关闭都可以自行配置
增加checkout()函数，脚本运行主要功能前首先进行逻辑判断，减小不必要的性能开销
引入jQuery库，相比原生DOM操作代码量更小，代码可读性更高
适配新标准，停用var声明变量，改用ES6新增的let与const

主要功能：

一键跳转微信推送封面图链接
在推送正文头部显示推送摘要全文，一键文本复制文章摘要功能
设置默认时间显示格式
所有功能可以配置是否启用

使用方法：

1.安装 Tampermonkey 浏览器插件（脚本管理器）

到浏览器拓展商城搜索Tampermonkey，安装拓展。

或者访问Tampermonkey 官网下载安装自己浏览器对应的拓展版本。

2.安装脚本

访问Greasyfork，安装脚本到脚本管理器中。

3.使用脚本

确保脚本在脚本管理器中处于启用状态，在浏览器中随意打开一篇推送，例：春节期间小程序及小游戏审核调整通知。注：文章链接须以mp.weixin.qq.com开头

使用脚本前：

使用脚本后（现有功能全开启）：

在文章正文头部，显示了文章摘要全文，可以单击文本一键复制到剪切板。

点击公众号蓝字，点击弹出浮窗中的二维码图片，可以跳转到文章封面图链接，同时隐藏了右侧悬浮的引导关注栏。

如图为单击“封面链接”后跳转的网页页面

所有功能可以在修改是否启用，后期计划中将为脚本配置可视化设置界面，支持自定义文章显示样式（true为启用，false为禁用）

后期计划

将全部原生DOM操作替换为jQuery操作
优化变量声明过程，让代码更简洁
增加设置窗口，可以设置脚本默认功能，如日期显示、不同形式的封面图
增加更多的可选样式（自定义样式）
搭建网站，将功能迁移至公共网站，以美化输入框方式输入链接，提取封面图、摘要等内容，同时适配手机端和电脑端。
欢迎持续关注！

源代码(JavaScript)：

// ==UserScript==
// @name         微信推送浏览功能拓展
// @namespace    https://blog.csdn.net/Huuc6
// @version      0.5
// @description  更佳的浏览体验，更快获得微信推送封面图与文章摘要以及更多功能
// @author       huuc
// @match        *://mp.weixin.qq.com/s*
// @icon         https://gitee.com/ziuc/utool-filebed/raw/master/20210514-231824-0795.png
// @require      http://libs.baidu.com/jquery/2.0.0/jquery.min.js
// @require      https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js
// @license      GPL-2.0//New Features
/*
* 功能特性：
* 增加单击文本复制文章摘要功能
* 增加设置默认时间显示格式
* 增加设置引导关注栏的开启或关闭
* 移除了“封面链接”按钮，获取封面链接可以点击公众号蓝字后点击内部的二维码获取
* 性能优化：
* 用对象变量统一管理功能开闭的逻辑，所有功能的启用与关闭都可以自行配置
* 增加checkout()函数，脚本运行主要功能前首先进行逻辑判断，减小不必要的性能开销
* 引入jQuery库，相比原生DOM操作代码量更小，代码可读性更高
* 适配新标准，停用var声明变量，改用ES6新增的let与const
* */
// ==/UserScript==(function() {'use strict';let state={url_state : true, // 是否启用点击二维码跳转到封面图链接功能recommend_state : true, // 是否显示引导关注栏datetype_state : true, // 是否启用修改默认时间显示模式功能summary_state : true // 是否启用显示摘要功能}if(checkout(state)===true){const data = document.documentElement.outerHTML;//点击二维码跳转到封面图链接if(state.url_state===true){let linkReg_1 = /msg_cdn_url = "(.*)"/ig;let url = linkReg_1.exec(data);let trueurl = url[1];console.log(trueurl);$('#js_profile_qrcode_img').click(function(){window.location.href=trueurl});}// 向网页中添加文章摘要并加入复制到剪切板功能if(state.summary_state===true){let meta = document.getElementsByName("description");let contents = meta[0].content;let d2 = document.getElementById('meta_content');let clipboard = new ClipboardJS('.btn'); // 要使用 clipboard.js 需要声明一个clipboard实例d2.insertAdjacentHTML('afterend','<div id="summary" class="btn" data-clipboard-text="#" style="color: #B3B3B3FF; border-radius: 5px"></div><br/>');$('#summary').html("文章摘要："+contents);$('#summary').attr("data-clipboard-text",contents);}//修改时间格式if(state.datetype_state===true){let linkReg_2 = /",i="(\d{4}-\d{1,2}-\d{1,2})";/g;let date = linkReg_2.exec(data);$('#publish_time').text(date[1]);}//隐藏引导关注栏if (state.recommend_state!==true){$('.qr_code_pc').hide();}}else{console.log('WeChat article browsing function expansion scripts is disabled.');}// checkout()函数function checkout(state){let states = Object.keys(state);let num = states.length;let j=0;for (let i = 0; i < num-1; i++) // num:状态判断个数{if(state[states[i]]===false){j++;}}return j !== num - 1;}
})();//todo:
/*
* 将全部原生jsDOM操作替换为jQuery操作
* 优化变量声明过程，让代码更简洁
* 增加设置窗口，可以设置脚本默认功能，如日期显示、不同形式的封面图
* 增加更多的可选样式（自定义样式）
*/

作者才学尚浅，如使用中遇到问题，欢迎留言评论提供反馈！

(Ver 0.5)油猴脚本：微信推送浏览功能拓展相关推荐

油猴脚本：微信推送浏览功能拓展
Latest update date:2021/05/15 主要功能: 一键跳转微信推送封面图链接在推送正文头部显示推送摘要全文使用方法: 1.安装 Tampermonkey 浏览器插件到浏 ...
油猴脚本、常用拓展的教程
目录油猴脚本常用拓展本文章为个人经验总结,没有广告以及营销想法. 油猴脚本注:油猴脚本部分分两部分:拓展安装教程.脚本下载教程油猴脚本在主流浏览器都可以安装,本篇以edge为例 1.打开浏览 ...
油猴脚本使用waitForKeyElements报错eslint: no-undef - `waitForKeyElements` is not defined
文章目录一.现象二.解决办法一.现象最近写了一个油猴脚本,需要使用waitForElements函数. 但是写了waitForElements之后,却报错 eslint: no-undef - ...
让iOS Safari浏览器支持油猴脚本
Userscripts 是一款免费 iOS Safari 浏览器插件,可以兼容油猴脚本,但如果油猴脚本代码没有对手机进行适配的话可能不会生效. 1.首先打开设置找到 Safari 浏览器选择扩 ...
我的第一个油猴脚本--微博超话自动签到
简介用户脚本是一段代码,它们能够优化您的网页浏览体验.安装之后,有些脚本能为网站添加新的功能,有些能使网站的界面更加易用,有些则能隐藏网站上烦人的部分内容.其中常见的有油猴插件.ChromeExt ...
（油猴脚本网盘下载加速）
百度网盘不限速下载方法一.浏览器安装Tampermonkey扩展 1.1安装扩展 1.2打开扩展二.安装网盘下载脚本 2.1安装脚本 2.2首次进行验证三.脚本使用 3.1创建分享链接 3.2下 ...
【油猴脚本 Greasemonkey】GM_xmlhttpRequest内部实现原理
好久没在CSDN发文章了,自从有了自己的网站,自己的想怎么折腾就怎么折腾,逐步的完善. 另一方面,技术上一直在吃老本,没什么进步,也没什么可发的. 最近在写一个Chrome浏览器扩展,了解到一个扩展和 ...
[原创方法!] 如何实现全自动登录各大网站? Cookie格式、油猴脚本基础解决Github邮箱验证,持久登录,免验证码
之前电脑内存小, 谷歌浏览器又是内存怪物, 每次浏览器不用的时候总是习惯关掉. 这就导致了每次进入常用的网站就要重新登陆, 非常烦; 对! 就是即使浏览器保存了密码, 大部分网站仍然要输入一下验证码 ...
【教程、无技术含量】简单的油猴脚本编写教程
不建议阅读者: 前端大神想要深入学习(涉及到分析挖掘调用网站中js算法/自己写算法)油猴脚本的读者[备注:楼主也不会,楼主也很绝望啊...] 阅读以下内容所需知识: javascript/jQuer ...

(Ver 0.5)油猴脚本：微信推送浏览功能拓展

(Ver 0.5)油猴脚本：微信推送浏览功能拓展

Ver0.5 更新说明：

主要功能：

使用方法：

1.安装 Tampermonkey 浏览器插件（脚本管理器）

2.安装脚本

3.使用脚本

后期计划

相关链接：

源代码(JavaScript)：

(Ver 0.5)油猴脚本：微信推送浏览功能拓展相关推荐

最新文章

热门文章