微信网页版实用工具

微信网页版更换背景图片、去除下载客户端的按钮、可以随意显示或隐藏对话窗口

// ==UserScript==
// @name         微信网页版实用工具
// @version      0.9.1
// @author       Hejmjp
// @description  微信网页版更换背景图片、去除下载客户端的按钮、可以随意显示或隐藏对话窗口
// @grant        none
// @match        https://wx.qq.com/*
// @requier      https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @namespace https://greasyfork.org/users/220353
// ==/UserScript==



// 微信网页版
    if( location.href.match("wx.qq.com") ){



        // 微信网页版,去除下载客户端的按钮
        $('.download_entry').remove();
        $('.panel.give_me .nav_view').css('top', '155px')



        // 网页加载成功后,立即关闭 <右侧的对话区域>
        $('#chatArea').hide();




        // 利用 NickName 关闭/打开 <右侧的对话区域>
        let ON = true;
        $('.header .nickname span').click(function(){

            if( ON ){
                $('#chatArea').fadeOut();
                ON = false;
            }else{
                $('#chatArea').fadeIn();
                ON = true;
            }
        })

        // 单击左侧好友列表,展开 <右侧的对话区域>
        $("#J_NavChatScrollBody>div").click(function(){
            $('#chatArea').show();
            ON = true;
        })


    


        // 更换背景图片,所有图片共28张 来源于 https://web2.qq.com/img/bg/“+“ i ”+”.jpg

        // 页面刷新后,首先随机显示一张背景图
        let i = Math.ceil(Math.random() * 10) ; // 取一个随机数
        $('body').css("background-image", "url(https://web2.qq.com/img/bg/" + i + ".jpg)");


        // 增加手动更换背景图片的按钮
        let html = "<div id=" + "background_nav" + "><span class=" + "priv" + "> </span><span class="+ "num" +"></span><span class=" + "next" + "></span></div>"
        $('.copyright').html(html);
        $('.copyright').css({'float':'right'});
        $('#background_nav .num').text(i + "/28");
        $('.copyright').css({'font-size':'14px', 'line-height': '18px'})
        $('#background_nav').css({ 'float':'right', 'margin-right': '220px' });

        $('#background_nav .priv').css({'display':'block','float':'left','width': '19px', 'height': '19px', 'background-image': 'url(https://web2.qq.com/css/image/arrow.png)', 'background-position': '-2px -2px'});
        $('#background_nav .next').css({'display':'block','float':'left','width': '19px', 'height': '19px', 'background-image': 'url(https://web2.qq.com/css/image/arrow.png)', 'background-position': '-24px -2px'});
        $('#background_nav .num').css({'display':'block','float':'left', 'height': '19px', 'color': 'white'});





        let end = 28; // 设置背景图片总数

        // 点击 <- 执行的动作,切换到上一张图片
        $("#background_nav .priv").click(function(){
            if(i==1){
                i = end;
            }else{
                i --;
            }
            $('body').css("background-image", "url(https://web2.qq.com/img/bg/" + i + ".jpg)");
            $('#background_nav .num').text(i + "/28");
            console.log( i );

            // 切换背景时,隐藏<右侧的对话区域>
            $('#chatArea').fadeOut();
            ON = false;
        });

        // 点击 -> 执行的动作,切换到下一张图片
        $("#background_nav .next").click(function(){
            if( i==end ){
                i = 1;
            }else{
                i ++;
            }

            $('body').css("background-image", "url(https://web2.qq.com/img/bg/" + i + ".jpg)");
            $('#background_nav .num').text(i + "/28");

            console.log( i );

            // 切换背景时,隐藏<右侧的对话区域>
            $('#chatArea').fadeOut();
            ON = false;


        });

        // 给切换背景图片的按钮,增加一点触感反馈
        $('#background_nav .priv').hover(function(){
            $(this).css({'background-position': '-2px -42px'});
        }, function(){
            $(this).css({'background-position': '-2px -2px'});
        })

        $('#background_nav .next').hover(function(){
            $(this).css({'background-position': '-25px -42px'});
        }, function(){
            $(this).css({'background-position': '-25px -2px'});
        })




        // 每隔5分钟,背景图片更换一次,所有图片共28张 来源于 https://web2.qq.com/img/bg/“+“ i ”+”.jpg
        setInterval(function(){

            if( i < end ){
                i++
            }else{
                i = 1;
            }
            $('body').css("background-image", "url(https://web2.qq.com/img/bg/" + i + ".jpg)");
            $('#background_nav .num').text(i + "/28");

            console.log( i );
        }, 1000 * 60 * 5);



        // 点击.num,让对话框及左侧导航隐藏或者显示

        ON = false;
        $('#background_nav .num').click(function(){

            console.log( ON );


            if( ON ){
                $('.main_inner').show();
                $('#chatArea').hide();
                $('.panel').fadeIn();


                ON = false;

                console.log("hello");
            }else{

                $('.main_inner').fadeOut();

                ON = true;
            }

            console.log( ON );


        })


        // 单击 F 全屏
        let Full_ON = true;
        $('body').keypress(function(ev){
            // console.log( ev.keyCode );
            if( ev.keyCode === 102 ){
                if( Full_ON ){
                    var docElm = document.documentElement;
                    if (docElm.requestFullscreen) {
                        docElm.requestFullscreen();
                    }
                    else if (docElm.msRequestFullscreen) {
                        docElm.msRequestFullscreen();
                    }
                    else if (docElm.mozRequestFullScreen) {
                        docElm.mozRequestFullScreen();
                    }
                    else if (docElm.webkitRequestFullScreen) {
                        docElm.webkitRequestFullScreen();
                    }
                    Full_ON = false;
                }else{
                    if (document.exitFullscreen) {
                        document.exitFullscreen();
                    }
                    else if (document.msExitFullscreen) {
                        document.msExitFullscreen();
                    }
                    else if (document.mozCancelFullScreen) {
                        document.mozCancelFullScreen();
                    }
                    else if (document.webkitCancelFullScreen) {
                        document.webkitCancelFullScreen();
                    }
                    Full_ON = true;
                }
            }
        }) // 单击 F 全屏






    } // if 微信网页版 结束