☰

微信文章浏览功能拓展

更佳的浏览体验，更快获得微信文章封面图与文章摘要以及更多功能

目前为 2021-08-11 提交的版本。查看 最新版本。

// ==UserScript==
// @name         微信文章浏览功能拓展
// @namespace    https://blog.csdn.net/Huuc6
// @version      1.2
// @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/[email protected]/dist/clipboard.min.js
// @grant        GM_registerMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// @license      GPL-2.0
// ==/UserScript==

(function() {
    'use strict';
    let summary_show_state;
    let state = {
            url_state : true, // 是否启用封面图链接功能
            openNewWindow_state : true, // 是否在新窗口打开封面图链接
            datetype_state : true, // 是否修改默认时间显示模式
            summary_state : true, // 是否启用读取摘要功能
            clipboard_state : true, // 是否启用点击摘要复制到剪切板功能
            recommend_state : false, // 是否显示引导关注栏
            preview_state : true, // 封面图预览功能
            config_state : true // 是否默认显示设置侧边栏
        }
    // 设置框
    let configBox =
        "<div id='config_window' style='position:fixed;z-index:999999;opacity:0.25;cursor:pointer;top:10%;left:0px;text-align:center;border-style:solid;border-width:2px;'>"+
        "<div id='config_url' class='shownConfig' title='点击跳转封面链接' style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25AE84;'>封面链接</div>"+
        "<div id='config_summary' class='shownConfig' title='点击隐藏/显示文章摘要' style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25ae84;'>文章摘要</div>"+
        "<div id='config_preview' class='unshownConfig' title='点击复制封面链接到剪切板' class=\"myclipboard\" data-clipboard-text=\"#\" style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25ae84;'>复制链接</div>"+
        "<div id='config_search' class='unshownConfig' title='在网络中搜索此文章' style='font-size:13px;padding:8px 3px;color:#FFF;background-color:#25ae84;'>搜索文章</div>"+
        "<div id='config_moreinfo' class='shownConfig' title='查看更多' style='font-size:13px;padding:4px 3px;color:#FFF;background-color:#25ae84;'>· · ·</div>"+
        "</div>";
    $('body').append(configBox);
    $('.unshownConfig').hide();
    $('#config_moreinfo').click(function (){
        $('.unshownConfig').fadeIn();
        $('#config_moreinfo').html(':D')
        $('#config_moreinfo').click(function (){
            window.open('https://greasyfork.org/zh-CN/users/605474')
        })
    })
    // 给设置窗口添加效果 移入透明度加深 移出透明度变浅
    $("#config_window").mouseenter(function(){
        $("#config_window").css("opacity","1.0");
        $('#config_window > div').mouseenter(function(){
            var $this= $(this) // 把div元素转化成jQuery的对象
            $this.css("background-color","#1b8262")
            $('#config_window > div').mouseleave(function(){
                $this.css("background-color","#25ae84")
            })
        })
        $('#config_window>div').mousedown(function (){
            this.style.color='#125540'
        })
        $('#config_window>div').mouseup(function (){
            this.style.color='#FFF'
        })
    });
    $("#config_window").mouseleave(function(){
        $("#config_window").css("opacity","0.25");
    });
    // 文章摘要
    $('#config_summary').click(function (){
        $('#summary').toggle('fast');
        state.summary_state=false;
    })
    // 微信文章搜索
    $('#config_search').click(function (){
        let artname = $('#activity-name').text();
        let baseurl = 'https://weixin.sogou.com/weixin?type=2&query=';
        let trueurl = baseurl + artname;
        if(state.openNewWindow_state===true){
            window.open(trueurl)
        }
        else {window.location.href=trueurl}
    })
    // 封面图
    if(state.url_state===true) {
        let linkReg = /msg_cdn_url = "(.*)"/ig;
        let data = $("*").html();
        let url = linkReg.exec(data);
        let trueurl = url[1];
        // 跳转
        $('#config_url').click(function () {
            if(state.openNewWindow_state===true){
                window.open(trueurl)
            }
            else {window.location.href=trueurl}
        })
        // 预览封面图功能
        if (state.preview_state === true) {
            // 引入封面图并设置默认隐藏
            $('#config_url').append('<img id="picture_url"></img>')
            $('#picture_url').attr("src", trueurl)
            $('#picture_url').css({"zoom": "35%", "position": "absolute","left":"140px","border-radius":"8px","box-shadow":"5px 5px 2px #555555"})
            $('#picture_url').hide()
            // 加入鼠标事件 实现预览功能
            $('#config_url').mouseenter(function () {
                $('#picture_url').fadeIn();
            })
            $('#config_url').mouseleave(function () {
                $('#picture_url').toggle()
            })
        }
        // 点击按钮复制封面链接到剪切板
        let clipboard = new ClipboardJS('.myclipboard'); // 要使用 clipboard.js 需要声明一个clipboard实例
        $('#config_preview').attr("data-clipboard-text",trueurl);
        $('#config_preview').click(function (){
            alert('封面链接已复制到剪切板！');
        })
    }
    // 摘要
    if(state.summary_state===true) {
        let meta = $('meta[name="description"]');
        let contents = meta[0].content;
        if(contents===""){
            $('#config_summary').css("background-color","#ffa758")
            $('#config_summary').html("摘要为空")
            $('#config_summary').attr('title',"此篇文章无摘要")
        }
        // 点击摘要复制到剪切板
        if(state.clipboard_state===true){
            let clipboard = new ClipboardJS('.myclipboard'); // 要使用 clipboard.js 需要声明一个clipboard实例
        }
        $('#meta_content').append('afterend','<div id="summary" class="myclipboard" title="点击复制到剪切板" data-clipboard-text="#" style="color: #b2b2b2; border-radius: 5px"></div>');
        $('#summary').html('文章摘要：'+contents);
        $('#summary').attr("data-clipboard-text",contents);
        // 给摘要设置样式与效果事件
        $('#summary').css({"text-align":"left","font-size":"15px"}) // 设置摘要左居中
        $('#summary').mouseenter(function (){
            $('#summary').css('color','#474747')
        })
        $('#summary').mousedown(function (){
            $('#summary').css('color','#070707')
        })
        $('#summary').mouseup(function (){
            $('#summary').css('color','#474747')
            $('#config_moreinfo').html('复制成功')
            $("#config_window").css("opacity","1.0")
            $('#config_moreinfo').css("background-color","#1b8262")
        })
        $('#summary').mouseleave(function (){
            $('#summary').css('color','#b2b2b2')
            $("#config_window").css("opacity","0.25")
            $('#config_moreinfo').css("background-color","#25ae84")
            $('#config_moreinfo').html('···')
        })
    }
    // 设置摘要是否默认显示
    if(GM_getValue(summary_show_state)===false) {
        $('#summary').hide(); // 设置默认隐藏摘要
    }
    //修改时间格式
    if(state.datetype_state===true) {
        $('#publish_time').trigger('click');
    }
    //隐藏引导关注栏
    if (state.recommend_state===false) {
        $('.qr_code_pc').hide();
    }
    // 默认显示设置侧边栏
    if(state.config_state===false) {
        $('#config_window').hide(); // 默认隐藏设置框
    }
    // 给ESC按键添加事件：按下出现设置框
    $(document).keyup(function (event) {
        switch (event.keyCode) {
            case 27:
                $('#config_window').toggle();
        }
    });
    // 给设置菜单赋初值
    if(GM_getValue("summary_show_state")===null){
        GM_setValue("summary_show_state",true);
    }
    // 默认显示摘要：设置菜单
    GM_registerMenuCommand('默认显示文章摘要', function () {
        if(GM_getValue(summary_show_state)===true){
            GM_setValue(summary_show_state,false)
            alert('默认显示文章摘要:OFF')
            $('#summary').hide();
            console.log('默认显示文章摘要：'+GM_getValue(summary_show_state));
            return
        }
        if(GM_getValue(summary_show_state)===false) {
            GM_setValue(summary_show_state,true)
            alert('默认显示文章摘要:ON')
            $('#summary').show();
            console.log('默认显示文章摘要：'+GM_getValue(summary_show_state));
            return
        }
    });
})();