// ==UserScript==
// @name         zherop小工具
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  一键无图、隐藏图片、查看源代码
// @author       zherop@163.com
// @match        *://*/*
// @require      //cdn.staticfile.org/jquery/3.3.1/jquery.min.js
// @grant        none
// @license      AGPL License
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    // 菜单样式
    function menuStyle() {
        return `
            <style>
            .zp-menu {
                left: 0px;
                display: block;
                top: 50%;
                position: fixed;
                z-index: 9999;
                background: green;
                color: white;
                text-align: center;
                border-radius: 0 7px 7px 0px;
                font-size: 13px;
            }
            .zp-menu-item {
                padding: 5px;
                border: 1px solid;
                cursor: pointer;
            }

            @media screen and (max-width:768px) {
                .zp-menu {
                    font-size: 3.5vw
                }

            }

            </style>
         `
        }
    // 创建DOM
    function createDom() {
        return `

            <textarea id="zp-copy" style="display:none;"></textarea>
            <div id="zp-menu" class="zp-menu">
              <div class="zp-menu-item" type="noPic">一键无图</div>
              <div class="zp-menu-item" type="hidePic">隐藏图片</div>
              <div class="zp-menu-item" type="viewSource">查看源代码</div>
            </div>
        `;
    }

    function copyText(str) {
        $('#zp-copy').text(str).show();
        var ele = document.getElementById("zp-copy");
        ele.select();
        document.execCommand('copy', false, null);
        $('#zp-copy').hide();
        alert('复制链接成功!');
    }

    $(function(){
        $("head").append(menuStyle())
        $("body").append(createDom())

        // 菜单绑定事件
        $("#zp-menu .zp-menu-item").click(function(){
            var opType = $(this).attr("type")
            if(opType === 'noPic') {
                 $("img").remove();
                $("svg").remove();
            }else if(opType === 'hidePic'){
                $("img").hide();
                $("svg").hide();
            }else if(opType === 'viewSource'){
               copyText('view-source:' + window.location.href)
            }
        })
    })
})();