☰

抖音作者页面复制按钮

抖音作者页面提效

当前为 2024-11-22 提交的版本，查看 最新版本。

// ==UserScript==
// @name         抖音作者页面复制按钮
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  抖音作者页面提效
// @author       You
// @match        https://www.douyin.com/user/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=douyin.com
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
    const css = document.createElement("style");
    css.type = "text/css";
    css.innerText = `

#aggrx-pannel {
position: fixed;
    top: 5px;
    left: calc(50% + 300px);
    padding: 10px;
    background-color: #333333;
    color: white;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}

#aggrx-pannel button {
       padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
    background: transparent;
    color: white;
    border: 2px solid #cdcdcd;
}
.aggrx-pannel-actions{
}


.aggrx-collections-container{
    max-width: 550px;
    max-height: 100px;
    overflow: scroll;
}

.aggrx_buttonBox{
    height: 40px;
    /*top: 1px;*/
    /*margin-left: 150px;*/
    position: absolute;
    background: transparent;
    z-index:99999
}

.aggrx_buttonBox_button{
    background: transparent;
    border: 2px solid #cdcdcd;
    padding: 4px;
    color: white;
    margin-right: 4px;
    cursor: pointer;
}

.aggrx-toast {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 9999; /* 设置 z-index 为 9999 确保 toast 在最上层 */
}

.aggrx-toast.show {
    opacity: 0.8;
}

  `;
    document.head.appendChild(css);

    const pannel = document.createElement('div');
    pannel.id = 'aggrx-pannel';
    pannel.innerHTML = `
    <div class='aggrx-pannel-actions'>
          <button id="aggrx-copy" style='margin-right:8px;'>复制URL</button>
          <button id="aggrx-collection-toggle">采集专辑</button>
          <button id="aggrx-collection-copy">复制采集专辑结果</button>
    </div>
    <ul id='aggrx-collections'>

    </ul>
    `;
    // <button id="aggrx-scan">扫描</button>


    document.body.appendChild(pannel);

    document.getElementById("aggrx-copy").addEventListener("click", function() {
        // 获取当前页面的 URL
        const currentUrl = window.location.href;
        const button = this;

        button.textContent = "复制URL";
        // 将 URL 写入剪贴板
        navigator.clipboard.writeText(currentUrl).then(() => {
            // 修改按钮文字为 "已复制"
            button.textContent = "已复制";

            // 2秒后恢复按钮原始文字
            //setTimeout(() => {
            //    button.textContent = "复制当前URL";
            //}, 2000);
        }).catch(err => {
            console.error("复制失败：", err);
        });
    });

    //document.getElementById("aggrx-scan").addEventListener("click", function() {
    //
    //});

    document.getElementById("aggrx-collection-toggle").addEventListener("click", function() {
        aggrx_collection_reset()
        if(scaned){
            return
        }
        scaned = true;
        aggrx_scan();
        aggrx_targetListNode();
    })
    document.getElementById("aggrx-collection-copy").addEventListener("click", function() {
        aggrx_collection_copy()
    })
})();

let aggrx_searchList = []
let aggrx_scrollListHeight = 0
let scaned = false
function aggrx_scan(){
aggrx_searchList = document.querySelectorAll('div[data-e2e="user-post-list"]>ul[data-e2e="scroll-list"] li');
        aggrx_scrollListHeight = aggrx_searchList[0].clientHeight + 30;


        aggrx_searchList.forEach((li, index) => {
            if (li.querySelector('div.aggrx_buttonBox')) {
                console.info("已经处理过了")
                return
            }
            aggrx_addCopyCollectionButtonDom(li, 'user-douyin');
        });
}
// 复制文本
function aggrx_copyToClipboard(text, copy_success, copy_failed) {
    navigator.clipboard.writeText(text).then(function() {
        console.log('copied');
        if (copy_success) { copy_success(text) }
    }).catch(function(err) {
        console.error('copy failed', err);
        if (copy_failed) { copy_failed(err) }
    });
}

// 添加 复制合集按钮DOM
function aggrx_addCopyCollectionButtonDom(LiElement,page_type) {
    const divBOX = document.createElement('div');
    divBOX.className = 'aggrx_buttonBox';
    //divBOX.style.width = '100%';
    divBOX.style.height = '40px';
    const button1 = document.createElement('button');
    // button1.className = 'aggrx_buttonBox_button'
    button1.classList.add('aggrx_buttonBox_button');
    button1.classList.add(`aggrx_buttonBox_button-${page_type}`);

    // 设置按钮的文本
    button1.textContent = '视频连接';
    // 设置按钮的宽度和高度
    //button1.style.width = '49%';
    //button1.style.height = '40px';
    //button1.style.float = 'left';

    function copy_success(msg) {
        aggrx_showToast('info', `已复制 ${msg}`)
    }

    function copy_failed(error) {
        aggrx_showToast('error', `复制失败 ${error}`)
    }

    // 拦截按钮的点击事件
    button1.addEventListener('click', (event) => {
        // 阻止事件冒泡
        event.stopPropagation();

        const copy_button_ref = event.currentTarget;

        // 获取父元素
        const parentElement = event.target.closest('li');
        let videoUrl = parentElement.querySelector('div>a').href;

        if (!(videoUrl.includes('www.douyin.com/video'))) {
            return
        }
        let title = parentElement.querySelector('div>a>p').innerText;

        // 使用正则表达式从 href 中提取视频 ID

        // copy_button_ref.textContent = "复制";
        let href = new URL(videoUrl);
        href.search = '';
        let hrefString = href.toString()
        //if (0) {
        //    aggrx_copyToClipboard(`${hrefString},1`, copy_success, copy_failed)
        //} else {
        //    aggrx_copyToClipboard(`${hrefString}`, copy_success, copy_failed)
        //}
        let newOrder = aggrx_collection_add(title, hrefString)
    });


    divBOX.appendChild(button1);

    // 设置 li 元素的高度
    LiElement.style.height = `${aggrx_scrollListHeight}px`;
    LiElement.style.marginBottom = `50px`;
    // 添加按钮到当前 li 元素
    LiElement.appendChild(divBOX);
    // DOMUpdated()
    return true
}

function aggrx_collection_reset(){
    let listEl = document.getElementById("aggrx-collections")
    listEl.innerHTML = ''
}

function aggrx_collection_add(title, url){
    let listEl = document.getElementById("aggrx-collections")
    let order = listEl.querySelectorAll('li').length
    if (order === 0){
        listEl.innerHTML = `<li data-link='${url}'>${title}</li>`
    }else{
        listEl.innerHTML = `${listEl.innerHTML}<li data-link='${url}'>${title}</li>`
    }

    return order
}

function aggrx_collection_copy(){
    let listEl = document.getElementById("aggrx-collections")
    let result = []
    listEl.querySelectorAll('li').forEach(li=>{
        let link = li.getAttribute('data-link')
        result.push(link)
    })

    let joined = result.join('|')
    aggrx_copyToClipboard(joined, msg=>{aggrx_showToast('info', msg);}, error=>{aggrx_showToast('error', error);});
}

// 监听 列表dom
function aggrx_targetListNode(page_type) {

    // 监听
    //
    const targetNode = document.querySelector('div[data-e2e="user-post-list"]>ul[data-e2e="scroll-list"]');
    // 创建一个 MutationObserver 实例
    const observer = new MutationObserver(mutationsList => {
        // 遍历所有的 mutations
        mutationsList.forEach(mutation => {
            // 只有子节点变动才执行
            if (mutation.type !== 'childList') {
                return
            }
            console.info(`${mutation}`)

            //return
            // 获取所有的 li 元素
            //const liElements = document.querySelectorAll('ul[data-e2e="scroll-list"] li');

            // 为每个 li 元素添加按钮
            mutation.addedNodes.forEach((li, index) => {
                // 确保每个 li 只添加一个按钮
                if (li.querySelector('div.aggrx_buttonBox')) {
                    console.info("已经处理过了")
                    return
                }
                aggrx_addCopyCollectionButtonDom(li, page_type);
            });
        });
    });
    // 配置观察器 启动观察 服务
    const config = { childList: true, subtree: false };
    observer.observe(targetNode, config);
}

function aggrx_showToast(type, message) {
    // 创建一个新的 toast 元素
    const toast = document.createElement('div');
    toast.classList.add('aggrx-toast');
    toast.textContent = message;
    if (type === 'info') {
        toast.style.color = 'white'
    } else {
        toast.style.color = 'red'
    }
    // 将 toast 添加到 body
    document.body.appendChild(toast);

    // 显示 toast
    setTimeout(() => {
        toast.classList.add('show');
    }, 10); // 等待一小段时间（确保元素已经插入 DOM）

    // 5秒后隐藏并删除 toast
    setTimeout(() => {
        toast.classList.remove('show');
        // 过渡动画结束后删除 toast 元素
        setTimeout(() => {
            toast.remove();
        }, 500); // 等待过渡动画完成
    }, 2000); // 5秒后消失
}

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址