// ==UserScript==
// @name         复制网页标题和链接
// @namespace    https://bbs.tampermonkey.net.cn/
// @version      0.1.2
// @description  一键复制网页标题和链接，方便分享!（有复制失败的随时反馈，感谢！）
// @author       张仨
// @match        *://*/*
// @grant        unsafeWindow
// @grant        GM_setClipboard
// ==/UserScript==

(function () {
    'use strict';
    var div = document.createElement("div");
    var body = document.querySelector("body");
    if (window.top == window.self) {
        body.appendChild(div);
    }
    div.innerHTML = `
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
        <div class="box_1">
            <span>复制标题链接</span>
            <i class="fa fa-file-text-o fa-2x" aria-hidden="true"></i>
        </div>
        <style>
        .box_1{
            position: fixed;
            display: flex;
            top: 100px;
            left: -103px;
            width: 130px;
            height: 30px;
            z-index: 99999;
            font-size: 15px;
            cursor: pointer;
            align-items: center;
            transition: .6s;
            background: linear-gradient(225deg, transparent .5em,rgba(0, 0, 0, 0.5));
        }
        .box_1 i{
            position: absolute;
            margin-left: 10px;
            right: 0;
        }
        .box_1 span{
            margin-left: 5px;
        }
        .box_1:hover{
            left: 0;
        }
        </style>`
    var title = document.title;
    var url = document.URL;
    var span = document.querySelector(".box_1 span");
    div.onclick = function () {
        if (title && url) {
            GM_setClipboard('『' + title + '』' + url);
            span.innerHTML = "复制成功！";
        } else {
            span.innerHTML = "复制失败！";
        }
        setTimeout(() => {
            span.innerHTML = "复制标题链接";
        }, 3000);
    }
})();