☰

网页短链接

让你发给别人的链接更简洁

// ==UserScript==
// @name         网页短链接
// @namespace    none
// @version      0.4
// @description  让你发给别人的链接更简洁
// @author       Kaxyubok
// @match        http://*/*
// @match        https://*/*
// @require      https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js
// @grant        GM_xmlhttpRequest
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle(".hide{display: none;}.sto{position: absolute;z-index: 2147483647;color: #000}.sto ul,.sto li{margin: 0;padding: 0;list-style: none;}.short-url{position: fixed;top: 0;left: 0;width: 200px;box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;border: 1px solid rgb(204, 204, 204);background: rgba(255, 255, 255, 0.9);cursor: pointer;text-align: center;font-size: 14px;}.url-title{width: 100%;height: 20px;line-height: 20px;font-size: 12px;margin-bottom: 2px;}.url-item{display: flex;width: 100%;height: 24px;line-height: 24px;transition: all 0.2s linear;}.url-item:hover{background-color: #eee;}.url-item>div{flex: 1;}.tip{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 200px;height: 60px;line-height:60px;border-radius: 6px;text-align: center;color: #fff;}.tip.succ{background-color: #1180cb;}.tip.erro{background-color: red;}");

const statusSucc = 1;
const statusErr = 0;
let doc = document,
    el = doc.createElement('div'),
    content = '<div class="short-url hide">' +
        '<div class="url-title">选择短链接</div>' +
        '<ul>' +
        '<li class="url-item baidu" data-to="baidu" data-clipboard-text="" status="" tipMessage="">' +
        '<div>百度</div>'+
        '</li>' +
        '<li class="url-item sina" data-to="sina" data-clipboard-text="" status="" tipMessage="">' +
        '<div>新浪</div>'+
        '</li>' +
        '<li class="url-item suoim" data-to="suoim" data-clipboard-text="" status="" tipMessage="">' +
        '<div>suo.im</div>'+
        '</li>' +
        '</ul>' +
        '</div>' +
        '<div class="tip hide"></div>';
el.classList = 'sto';
el.innerHTML = content;
doc.body.appendChild(el);
let urlBar = doc.querySelector('.short-url'),
    urlItem = doc.querySelectorAll('.url-item'),
    tip = doc.querySelector('.tip');

let href = window.location.href,
    baidu = 'http://dwz.mn/create.aspx?url=',
    sina = 'https://api.t.sina.com.cn/short_url/shorten.json?source=1681459862&url_long=',
    suoim = 'http://suo.im/api.php?format=json&url=';

function addClass(obj, cls) {
    obj.classList.add(cls);
}

function removeClass(obj, cls) {
    obj.classList.remove(cls);
}

function position(ev) {
    let clientWidth = doc.documentElement.clientWidth,
        clientHeight = doc.documentElement.clientHeight,
        x = ev.clientX,
        y = ev.clientY;
    if ((x + urlBar.offsetWidth) > clientWidth) {
        x -= urlBar.offsetWidth;
    }
    if ((y + urlBar.offsetHeight) > clientHeight) {
        y -= urlBar.offsetHeight;
    }
    urlBar.style.left = x + 'px';
    urlBar.style.top = y + 'px';
}

function dataFilter(type, data) {
    let res = {};
    switch (type) {
        case 'baidu':
            if (data.status === 0) {
                res.status = statusSucc;
                res.url = data.tinyurl;
            } else {
                res.status = statusErr;
                res.url = '';
            }
            res.tipMessage = data.err_msg;
            break;
        case 'sina':
            if (data.error_code === '400') {
                res.status = statusErr;
                res.url = '';
                res.tipMessage = data.error;
            } else {
                res.status = statusSucc;
                res.url = data[0].url_short;
                res.tipMessage = '';
            }
            break;
        case 'suoim':
            if (data.url === '') {
                res.status = statusErr;
                res.url = '';
            } else {
                res.status = statusSucc;
                res.url = data.url;
            }
            res.tipMessage = data.err;
            break;
    }
    return res;
}

let dataGet = function () {
    let promise = new Promise(function (resolve, reject) {
        let lth = urlItem.length;
        for (i = 0; i < lth; i++) {
            let website;
            let _this = urlItem[i];
            let type = _this.getAttribute('data-to');
            switch (type) {
                case 'baidu':
                    website = baidu;
                    break;
                case 'sina':
                    website = sina;
                    break;
                case 'suoim':
                    website = suoim;
                    break;
            }
            GM_xmlhttpRequest({
                method: 'GET',
                synchronous: true,
                url: website + href,
                onload: function (res) {
                    res = JSON.parse(res.response);
                    let data = dataFilter(type, res);
                    _this.setAttribute('data-clipboard-text', data.url);
                    _this.setAttribute('status', data.status);
                    _this.setAttribute('tipMessage', data.tipMessage);
                    resolve();
                }
            });
        }
    });
    return promise;
};

document.oncontextmenu = function (e) {
    if (e.ctrlKey) {
        dataGet().then(()=>{
            removeClass(urlBar, 'hide');
        });
        position(e);
        return false;
    }
};

urlBar.querySelector('ul').addEventListener('click', function (e) {
    let el = e.target;
    let type = el.parentNode.getAttribute('data-to');
    let status = el.parentNode.getAttribute('status');
    let tipMessage = el.parentNode.getAttribute('tipMessage');
    let copy;
    switch (type) {
        case 'baidu':
            copy = new Clipboard('.baidu');
            break;
        case 'sina':
            copy = new Clipboard('.sina');
            break;
        case 'suoim':
            copy = new Clipboard('.suoim');
            break;
    }
    if(status == 1){
        copy.on('success', function(e) {
            tip.innerText = '复制成功';
            addClass(tip, 'succ');
        });
    }else{
        tip.innerText = tipMessage;
        addClass(tip, 'erro');
    }
    removeClass(tip, 'hide');
    addClass(urlBar, 'hide');
    let t = setTimeout(() => {
        addClass(tip, 'hide');
        removeClass(tip, 'succ');
        removeClass(tip, 'erro');
    }, 1500);
});