小红书无水印媒体

读取小红书页面内容的图片视频的无水印媒体数据,左侧按钮是解析出链接,显示在页面内,右边蓝色按钮是把链接发送到网页文件下载器,进行下载。评论的图片,只发送到网页下载器下载。

// ==UserScript==
// @name         小红书无水印媒体
// @namespace    http://your.namespace.com
// @version      0.2
// @description  读取小红书页面内容的图片视频的无水印媒体数据,左侧按钮是解析出链接,显示在页面内,右边蓝色按钮是把链接发送到网页文件下载器,进行下载。评论的图片,只发送到网页下载器下载。
// @author       Your name
// @match        https://www.xiaohongshu.com/*
// @icon         https://www.xiaohongshu.com/favicon.ico
// ==/UserScript==

// 创建按钮元素
var button = document.createElement('button');
button.innerHTML = '按钮';
// 设置按钮样式
button.style.position = 'fixed';
button.style.top = '0';
button.style.left = '0';
button.style.zIndex = '9999';
button.addEventListener('click',function(event){
    console.log(unsafeWindow.__INITIAL_STATE__)
})
//将按钮添加到页面的body元素中
document.body.appendChild(button);

//目录路径,一定要把单斜杠换成双斜杠
var 文件保存目录='';
//示例  var 服务器地址='http://127.0.0.1:5001/xiaohongshudown';
var 服务器地址='';
var globalJSON = [];
var subJSON = [];
var 页面源码='';
(function (){
    var css=`
    .author[target="_blank"]{
        max-width: 100px;
    }
    .mianban {
     background-color: rgb(140 153 133 / 80%);
     border-radius: 5px;
     border: 2px solid #bbb;
     box-shadow: 0 1px 0 rgb(0 0 0 / 30%), 0 2px 2px -1px rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 30%) inset;
     z-index: 888;
     width: 400px;
     overflow-y: scroll;
     position: fixed;
     left: 25px;
    }
    .Recordingpanel {
        z-index: 999;
        width: 350px;
        left: 25px;
        position: fixed;
        overflow-y: scroll;
        background-color: rgb(184 168 40 / 80%);
        border-radius: 5px;
        border: 2px solid #bbb;
        box-shadow: 0 1px 0 rgb(0 0 0 / 30%), 0 2px 2px -1px rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 30%) inset;
    }
    .Recordingpanel.hidden {
        display: none;
    }
    .Recordingtext {
        padding: 5px 10px;
        border-radius: 15px;
        margin: 5px 0px;
        cursor: pointer;
        position: relative;
        background: #b1a125;
    }
    .Recordingtext.error {
        background: #b13325;
    }
    
    .jilubutton{
        left: 0px;
        padding: 10px 0px 5px 3px;
        border-radius: 0px 5px 5px 0px;
        position: fixed;
        width: 20px;
        height: 50px;
        background: #b1a125;
        cursor: pointer;
        user-select: none;
    }
    .jilubutton:hover {
        background: rgb(203 169 0);
      }
    
      .jilubutton:active {
        background: rgb(203 103 0); /* 点击时的颜色 */
      }
    .set-button {
     color: #fff;
     border-color: #269CE9;
     background-color: #269CE9;
     border-radius: 5px;
     border: 2px solid #bbb;
     box-shadow: 0 1px 0 rgb(0 0 0 / 30%), 0 2px 2px -1px rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 30%) inset;
    }
    .set-button:hover::after {
     background-color: rgba(255, 255, 255, 0.3) !important;
    }
    .set-button:hover {
        background-color: #70B9E8;
    }
    .set-button:active {
        background: #2db628;
        /* position: fixed; */
        /* margin-bottom: 9px; */
        text-shadow: none;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .3) inset;
    }
    .yidong{
        background: #074836;
    }

    .set-button {
        color: #fff !important;
        box-shadow:
          0 1px 0 rgb(0 0 0 / 30%),
          1px 2px 2px 0px rgb(247 23 23 / 50%),
          0px -8px 9px rgb(21 133 207 / 100%) inset; /* 只在右边和下边添加内阴影效果 */
      }
      .custom-button {
        position: absolute;
        bottom: 0px;
        right: -9px;
        background: #516447;
        width: 20px;
        height: 20px;
        border-radius: 8px;
        cursor: pointer; /* 设置鼠标样式为链接指针 */
        overflow: hidden; /* 隐藏伪元素溢出部分 */
      }
      .custom-button:hover {
        background-color: rgb(252 167 4);
      }

      .custom-button:active {
        background: rgb(231, 106, 4); /* 点击时的颜色 */
      }
      .meiti_button{
        width: 20px;
        height: 20px;
        background: #0f77c7;
        cursor: pointer;
        border-radius: 5px;
      }
      .meiti_button:hover {
        background-color: rgb(252 167 4);
      }

      .meiti_button:active {
        background: rgb(231, 106, 4); /* 点击时的颜色 */
      }
      .pinglun_button{
        width: 20px;
        height: 20px;
        background: rgb(239 199 0);
        cursor: pointer;
        border-radius: 5px;
      }
      .pinglun_button:hover {
        background: rgb(203 169 0);
      }

      .pinglun_button:active {
        background: rgb(203 103 0); /* 点击时的颜色 */
      }
      [pinglun_button="red"]{
        background:red;
      }
      [pinglun_button="green"]{
        background:green;
      }
      [pinglun_button="brown"]{
        background:brown;
      }

      .meiti_send_button{
        width: 20px;
        height: 20px;
        cursor: pointer;
        border-radius: 5px;
        background:#b1a125;
      }
      .meiti_send_button:hover {
        background: rgb(203 169 0);
      }
      .meiti_send_button:active {
        background: rgb(203 103 0); /* 点击时的颜色 */
      }
      [meiti_send_button="red"]{
        background:red;
      }
      [meiti_send_button="green"]{
        background:green;
      }
      [meiti_send_button="brown"]{
        background:brown;
      }
      .chaxun{
        background:#2a7da54a;
        border-radius: 20px;
        color: #0068ab ;
      }
/*设置按钮*/
      .main_button {
        position: fixed;
        top: 55.5vh;
        width: 20px;
        height: 50px;
        /*background: linear-gradient(to right, , rgba(252, 247, 224, 0.5));*/
        background: #FF2442;
        cursor: pointer;
        z-index: 9999;
        border-radius: 0px 5px 5px 0px;
        padding: 10px 0px 5px 3px;
        user-select: none;
      }
/*设置面板*/
      .settingPanel {
        position: fixed;
        top: 55.5vh;
        left: 20px;
        padding: 10px;
        color: #376339;
        background: linear-gradient(to right, #DCF0B0, #FCF7E0);
        border: 1px solid #000;
        z-index: 9999;
        display: none;
      }

      .button:hover::after {
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0.3) !important;
    }

    .button:hover {
        border-radius: 5px;
        background-color: #70B9E8;
    }

    .button:active {
        border-radius: 5px;
        background: #2db628;
        /* position: fixed; */
        /* margin-bottom: 9px; */
        text-shadow: none;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .3) inset;
    }
        /**/
        .floating-btn-sets[data-v-75df8d6e]{
            right: 0px;
            width: 35px;
        } 
      /*置顶按钮*/
      .back-top[data-v-396124b4] {
        background: #13b5db00;
        width: 35px;
        height: 35px;
      }
      /*置顶按钮*/
      .back-top .btn-wrapper[data-v-396124b4] {
        background: #49b0ffa1;
      }
      /*刷新按钮*/
      .reload[data-v-053c290a] {
        background: #13b5db00;
        width: 35px;
        height: 35px;
      }
      /*刷新按钮*/
      .reload .btn-wrapper[data-v-053c290a] {
        background: #49b0ffa1;
      }
    `
    if(!document.querySelector('.custom')){
        var style = document.createElement('style');
        style.type = 'text/css';
        style.textContent = css;
        style.className = "custom";
        document.head.appendChild(style);
    }

})();

(function () {
    // 创建设置按钮
    var settingButton = document.createElement('div');
    settingButton.className = 'main_button';
    settingButton.innerHTML = '设置';
    document.body.appendChild(settingButton);

    var settingPanel = document.createElement('div');
    settingPanel.className='settingPanel';
    settingPanel.innerHTML = `
    <label for="server">服务器地址:</label>
    <br>
    <textarea class="server_address"  placeholder="http://127.0.0.1:5001/xiaohongshudown" style="width: 200px;resize: none; height: 40px;"></textarea>
    <br>
    <label for="directory">文件保存目录:</label>
    <br>
    <textarea class="filedirectory"  placeholder="D:\\临时文件\\临时保存" style="width: 200px;resize: none; height: 40px;"></textarea>
    <br>
    <button id="saveButton" class="button" style="font-weight: bold; color: #333333;cursor:pointer; position: relative;margin: 6px 0px 0px 0px;right: -170px;padding: 4px;">保存</button>

  `;
    document.body.appendChild(settingPanel);
    settingPanel.addEventListener('mousedown', function (e) {
        dragMenu(settingPanel, e);
    });
    按钮绑定(settingButton,settingPanel);
    function 按钮绑定(settingButton, settingPanel,) {
        settingButton.addEventListener('mousedown', function (e) {
            dragMenu(settingButton, e);
        });
        // 定义一个变量用于保存计时器的 ID
        var timerId;
        // 给设置按钮绑定鼠标移入事件
        settingButton.addEventListener('mouseenter', function () {
            // 显示设置面板
            settingPanel.style.display = 'block';
            // 清除计时器
            clearTimeout(timerId);
        });
        // 给设置面板绑定鼠标移入事件,避免鼠标移出设置按钮后立即隐藏设置面板
        settingPanel.addEventListener('mouseenter', function () {
            // 清除计时器
            clearTimeout(timerId);
        });
        // 给设置按钮绑定鼠标移出事件
        settingButton.addEventListener('mouseleave', function () {
            // 开始计时,500 毫秒后隐藏设置面板
            timerId = setTimeout(function () {
                settingPanel.style.display = 'none';
            }, 500);
        });
        // 给设置面板绑定鼠标移出事件,避免鼠标移入设置面板后立即隐藏设置面板
        settingPanel.addEventListener('mouseleave', function () {
            // 开始计时,500 毫秒后隐藏设置面板
            timerId = setTimeout(function () {
                settingPanel.style.display = 'none';
            }, 500);
        });
        // 显示/隐藏设置界面
        if (settingButton) {
            settingButton.addEventListener('click', function () {
                if (settingPanel.style.display === 'none') {
                    settingPanel.style.display = 'block';
                    console.log('开始设置');
                } else {
                    settingPanel.style.display = 'none';
                }
            });
        }
    }

    let 服务器地址value = document.querySelector('.server_address');
    // 读取缓存服务器地址的值
    服务器地址 = localStorage.getItem('服务器地址');
    //如果缓存没有内容就使用默认的数值
    if (服务器地址) {
        服务器地址value.value = 服务器地址;
    } else {
        服务器地址value.value = 'http://127.0.0.1:5001/xiaohongshudown'; // 默认值
        服务器地址 = 服务器地址value.value;
    }

    let 文件保存目录value = document.querySelector('.filedirectory');
    // 读取缓存服务器地址的值
    文件保存目录 = localStorage.getItem('文件保存目录');
    //如果缓存没有内容就使用默认的数值
    if (文件保存目录) {
        文件保存目录value.value = 文件保存目录;
    } else {
        文件保存目录value.value = 'D:\\临时文件\\临时保存'; // 默认值
        文件保存目录 = 文件保存目录value.value;
    }
    判断服务器();

    // 监听保存按钮的点击事件
    var saveButton = document.getElementById('saveButton');
    saveButton.addEventListener('click', function () {
        localStorage.setItem('服务器地址', 服务器地址value.value);
        localStorage.setItem('文件保存目录', 文件保存目录value.value);
        文件保存目录 = 文件保存目录value.value

    });
})();
function 判断服务器(){
    if(/^(https?:\/\/)/.test(服务器地址)===false){
        showToast('如需要使用外部网页文件下载器,请在源码里填写服务器地址。')
    }
}
function 读取页面媒体() {
    'use strict';
    var indexValues = [];
    // 创建一个数组来保存结果
    var resultList = []; // 判断是否存在类名为 '.swiper-wrapper [data-swiper-slide-index]' 的元素
    var noteItems = document.querySelectorAll('.swiper-wrapper [data-swiper-slide-index]');
    if (noteItems.length != 0) {
        // 遍历元素列表
        noteItems.forEach(function (element) {
            var index = element.getAttribute('data-swiper-slide-index');

            // 检查该值是否已经存在于数组中
            if (indexValues.includes(index)) {
                console.log('存在重复值:', index);
                return; // 如果存在重复值,停止执行后续命令
            }
            // 提取 URL 文件名
            var backgroundImage = element.style.backgroundImage;

            if (backgroundImage) {
                var matchResult = backgroundImage.match(/([^/]+)$/);

                if (matchResult) {
                    var filename = matchResult[0].split('!')[0];
                    console.log('网址文件名:', filename);
                } else {
                    console.log('未找到匹配的内容');
                }
            } else {
                console.log('backgroundImage 不存在或为空');
            }

            var titleSpanText = document.querySelector('.note-content').textContent.replace(/[<>:"/\\|?*]/g, '');
            var username = document.querySelector('.username').textContent.replace(/[<>:"/\\|?*]/g, '');
            // 构建结果字符串  用户名-文案-URL文件名
            var resultString = username + '----' + titleSpanText + '---' + filename + ".jpeg";
            // 将结果字符串添加到结果数组中
            var obj = {
                filename: resultString,
                url: "https://sns-img-hw.xhscdn.net/" + filename
            };
            resultList.push(obj);
            // 记录该值并继续执行后续命令
            indexValues.push(index);
        });
        创建列表框(resultList);
    } else {
        // 判断是否存在类名为 '.player-container video' 的元素
        noteItems = document.querySelectorAll('.player-container video');
        if (noteItems.length !== 0) {
            var pageSourceCode = document.documentElement.outerHTML;
            var start = pageSourceCode.indexOf('originVideoKey":"') + 'originVideoKey":"'.length;
            var end = pageSourceCode.indexOf('"', start);
            var filename = pageSourceCode.substring(start, end).replace(/\\u002F/g, "/");
            var url ;
            if (filename == "" || filename == "rflow: hidden;") {
                noteItems.forEach(function (item) {
                    var 小红书ID=window.location.pathname.split('/').pop()
                    访问获取笔记源码(小红书ID);
                    // url= item.src;
                    // filename = url.split('/').pop().split('.')[0];
                    // showToast("当前获取到的视频链接,非原链接,请刷新界面后进入笔记页面。", false)
                    // console.log(filename);
                    return;
                });
            } else {
                url = "http://sns-video-bd.xhscdn.com/" + filename
                var titleSpanText = document.querySelector('.note-content').textContent.replace(/[<>:"/\\|?*]/g, '');
                var username = document.querySelector('.username').textContent.replace(/[<>:"/\\|?*]/g, '');
                // 构建结果字符串  用户名-文案-URL文件名
                var resultString = username + '----' + titleSpanText + '---' + filename + ".MP4";
                // 将结果字符串添加到结果数组中
                var obj = {
                    filename: resultString,
                    url: url
                };
                resultList.push(obj);
                console.log(filename);
                创建列表框(resultList);
            }


        } else {
            // 判断是否存在类名为 '.note-item:not([class*=" "])' 的元素
            noteItems = document.querySelectorAll('.note-item:not([class*=" "])');
            if (noteItems.length != 0) {
                // 遍历每个 note-item 元素
                noteItems.forEach(function (noteItem, index) {
                    // 获取 .cover.ld.mask 类名的元素
                    var coverElement = noteItem.querySelector('.cover.ld.mask');
                    var backgroundURL = "";
                    if (coverElement) {
                        // 获取 background 属性的 URL
                        backgroundURL = window.getComputedStyle(coverElement).background.match(/url\(["']?([^"']+)["']?\)/)[1];

                        // 检查 coverElement 是否是链接
                        if (coverElement.tagName === 'A') {
                            var wenshuid = coverElement.href;
                            console.log(wenshuid);
                        } else {
                            console.log('coverElement 不是一个链接');
                        }
                    }

                    // 获取 title 下的 span 文本  文案内容
                    if (noteItem.querySelector('.title span')) {
                        var titleSpanText = noteItem.querySelector('.title span').textContent.replace(/[<>:"/\\|?*]/g, '')
                    }

                    //获取用户名
                    var username = "";
                    if (noteItem.querySelector('.active.router-link-exact-active.author span')) {
                        // 获取 active router-link-exact-active author 下的 span 文本
                        username = noteItem.querySelector('.active.router-link-exact-active.author span').textContent;
                    } else {
                        if (noteItem.querySelector('.author-wrapper span')) {
                            // 获取 active router-link-exact-active author 下的 span 文本
                            username = noteItem.querySelector('.author-wrapper span').textContent;
                        }
                    }

                    // 提取 URL 文件名
                    var filename = backgroundURL.substring(backgroundURL.lastIndexOf('/') + 1).split('!')[0];
                    // 构建结果字符串  用户名-文案-URL文件名
                    var resultString = username + '----' + titleSpanText + '---' + filename + ".jpeg";
                    // 将结果字符串添加到结果数组中
                    var obj = {
                        filename: resultString,
                        url: "https://sns-img-hw.xhscdn.net/" + filename
                    };
                    resultList.push(obj);
                    创建列表框(resultList);
                });
            }
        }
    }

}

function 创建列表框(resultList) {
    if (document.querySelector('.mianban')) {
        document.querySelector('.mianban').remove();
        延时();
        showToast("删除列表成功。", false);
    }
    // 创建一个选择列表元素
    var selectList = document.createElement('div');
    // 遍历结果数组,创建选项并添加到选择列表中
    resultList.forEach(function (result, index) {
        var optionWrapper = document.createElement('div');
        optionWrapper.classList.add('optionWrapper');
        optionWrapper.style.margin = "5px 10px";
        optionWrapper.setAttribute('murl', result.url);
        optionWrapper.textContent = result.filename;
        optionWrapper.style.cursor = "pointer";
        optionWrapper.style.position = "relative";
        // 创建带有序号的元素
        var indexMarker = document.createElement('div');
        indexMarker.style.fontWeight = "bold";
        indexMarker.classList.add('indexMarker');
        indexMarker.textContent = index + 1 + "、"; // 序号从1开始
        optionWrapper.insertBefore(indexMarker, optionWrapper.firstChild);
        // 添加鼠标右键点击事件
        optionWrapper.addEventListener('contextmenu', function (event) {
            // 阻止默认的右键菜单
            event.preventDefault();
            // 修改组件样式
            this.style.backgroundColor = "rgb(0 100 100 / 50%)";
            var url = this.getAttribute('murl');
            // 复制URL到剪贴板
            copyToClipboard(url);
        });
        // 添加鼠标移入事件
        optionWrapper.addEventListener('mouseover', function () {
            this.style.backgroundColor = "rgb(0 200 200 / 50%)";
        });
        // 添加鼠标移出事件
        optionWrapper.addEventListener('mouseout', function () {
            // 恢复原始背景色
            this.style.backgroundColor = ""; 
        });
        // optionWrapper.addEventListener('dblclick', function () {
        //     this.style.backgroundColor = "rgb(140 153 133 / 100%)";
        //     showToast("开始下载媒体信息", true);
        //     var url = this.getAttribute('murl');
        //     var filename = this.textContent;
        //     // 调用 downloadFile 函数进行下载
        //     downloadFile(url, filename);
        //     showToast("请选择保存位置", true)
        // });
        //原生JS下载代码,
        optionWrapper.setAttribute('data', index);
        optionWrapper.addEventListener('dblclick', function (event) {
            event.preventDefault();
            const index=pseudoElement.getAttribute('data');
            下载文件(index);
        });
        //创建伪元素
        var pseudoElement = document.createElement('div');
        pseudoElement.className="custom-button"
        pseudoElement.setAttribute('data', index);
        pseudoElement.addEventListener('click', function () {
            const index=pseudoElement.getAttribute('data');
            下载文件(index);
        });
        optionWrapper.appendChild(pseudoElement);
        selectList.appendChild(optionWrapper);
    });
    // 添加选择列表到 body 元素
    var mianbanbox = document.createElement('div');
    var linkWrappers = document.querySelectorAll('.side-bar .link-wrapper:not([class*=" "])'); // 选择所有class为link-wrapper的元素
    var top = "30%";
    linkWrappers.forEach(function (element) {

        if (element.textContent.trim() === "我") { // 检查元素的文本内容是否为"我"
            var rect = element.getBoundingClientRect();
            top = rect.top + element.clientHeight + 10 + "px";
            console.log(element.textContent.trim())
        }
    });
    mianbanbox.className = "mianban";
    console.log(top);
    mianbanbox.style.top = top;

    // 检查是否存在 .side-bar .information-wrapper 元素
    var informationWrapper = document.querySelector('.side-bar .information-wrapper:not([class*=" "])');
    if (informationWrapper) {
        // 如果 .side-bar .information-wrapper 存在,设置 mianbanbox 的高度为该元素顶部到页面顶部的距离
        var topOffset = informationWrapper.getBoundingClientRect().top;
        mianbanbox.style.height = parseFloat(topOffset) - parseFloat(top) + "px";
        console.log(parseFloat(topOffset) - parseFloat(top) + "px")
    } else {
        // 如果 .side-bar .information-wrapper 不存在,设置 mianbanbox 的高度为 580px
        mianbanbox.style.height = "580px";
    }

    // if (document.querySelector('div.side-bar:not([class*=" "])').clientWidth + 24 < 490) {
    //     mianbanbox.style.overflowX = 'scroll'; // 设置垂直滚动条
    // }

    mianbanbox.appendChild(selectList);
    document.querySelector('body').appendChild(mianbanbox);
    mianbanbox.addEventListener('mousedown', function (e) {
        dragMenu(mianbanbox, e);
    });
    mianbanbox.addEventListener('scroll', function (event) {
        event.preventDefault();
    });
    function 下载文件(index){
        const wenjian=document.querySelectorAll(".optionWrapper")[index];
        wenjian.style.backgroundColor = "rgb(140 153 133 / 100%)";
        showToast("开始下载媒体信息", true)
        var url = wenjian.getAttribute('murl');
        var filename = wenjian.textContent;
        var xhr = new XMLHttpRequest();
        xhr.responseType = 'blob';
        xhr.onload = function () {
            showToast("文件预下载完成了", true)
            var a = document.createElement('a');
            a.href = window.URL.createObjectURL(xhr.response);
            a.download = filename;
            a.style.display = 'none';
            document.body.appendChild(a);
            showToast("请选择保存位置,并保存文件", true)
            a.click();
            window.URL.revokeObjectURL(a.href);
            document.body.removeChild(a);
        };
        xhr.open('GET', url);
        xhr.send();
        return false;
    }
}

// var 远程下载记录 = localStorage.getItem('远程下载记录');
// //如果缓存没有内容就使用默认的数值
// if (远程下载记录) {
//     远程下载记录 = JSON.parse(远程下载记录)
//     for (let index = 0; index < 远程下载记录.length; index++) {

//         创建下载记录列表框(远程下载记录[index].记录)
//     }
// } else {
//     var jsonString = '[]';
//     远程下载记录 = JSON.parse(jsonString);

// }
var jsonString = '[]';
var 远程下载记录 = JSON.parse(jsonString);
创建下载记录列表框("")

function 创建下载记录列表框(content, 添加,异常) {
    if (!document.querySelector('.Recordingpanel')) {
        var linkWrappers = document.querySelectorAll('.side-bar .link-wrapper:not([class*=" "])'); // 选择所有class为link-wrapper的元素
        var top = "30%";
        linkWrappers.forEach(function (element) {
            if (element.textContent.trim() === "我") { // 检查元素的文本内容是否为"我"
                var rect = element.getBoundingClientRect();
                top = rect.top + element.clientHeight + 10 + "px";
            }
        });
        var parent = document.createElement('div');
        parent.className = 'Recordingpanel hidden';
        parent.style.top = top;
        parent.addEventListener('mousedown', function (e) {
            dragMenu(parent, e);
        });
        var informationWrapper = document.querySelector('.side-bar .information-wrapper:not([class*=" "])');
        if (informationWrapper) {
            // 如果 .side-bar .information-wrapper 存在,设置 mianbanbox 的高度为该元素顶部到页面顶部的距离
            var topOffset = informationWrapper.getBoundingClientRect().top;
            parent.style.height = parseFloat(topOffset) - parseFloat(top) + "px";
        } else {
            // 如果 .side-bar .information-wrapper 不存在,设置 mianbanbox 的高度为 580px
            parent.style.height = "580px";
        }
        parent.addEventListener('scroll', function (event) {
            event.preventDefault();
            if (parent.scrollTop === 0) {
                document.querySelector('.Recordingtext').style.background = '#5ab125'
            } else {
                console.log(parent.scrollHeight , parent.scrollTop);
                if (parent.scrollHeight - parent.scrollTop === parent.clientHeight) {
                    let Recordingtext = document.querySelectorAll('.Recordingtext')
                    Recordingtext[Recordingtext.length - 1].style.background = '#7f7313'
                }

            }

        });
        document.querySelector('body').appendChild(parent);
        var jilubutton = document.createElement('div');
        document.querySelector('body').appendChild(jilubutton);
        jilubutton.className = "jilubutton";
        let jilubutton_top = (document.querySelector('.main_button')?.getBoundingClientRect()?.top - jilubutton?.getBoundingClientRect()?.height - 10)
        if (jilubutton_top != 'NAN') {
            jilubutton.style.top = jilubutton_top + 'px'
        }
        jilubutton.style.top = + 'px';
        jilubutton.textContent = "记录";
        jilubutton.addEventListener('click', function () {
            // 恢复原始背景色
            if (document.querySelector('.Recordingpanel.hidden')) {
                parent.classList.remove('hidden');
                jilubutton.textContent = "关闭";
            } else {
                parent.classList.add('hidden');
                jilubutton.textContent = "记录";
            }
        });
    }
    if (content) {
        var record_content = document.createElement('div');
        record_content.classList.add('Recordingtext');
        if(异常){
            record_content.classList.add('error');
        }
        record_content.textContent = content;
        var Recordingpanel = document.querySelector('.Recordingpanel')
        Recordingpanel.appendChild(record_content)
        record_content.addEventListener('mouseover', function (event) {
            event.stopPropagation();
            var str = record_content.textContent;
            var 小红书ID = str.match(/\b[A-Fa-f0-9]{16,}\b/g)?.[0];
            if (小红书ID) {
                // 获取所有类名为 "title" 的元素
                var elements = document.querySelectorAll('.title[href]');
                // 遍历这些元素,检查它们的 href 属性
                for (var i = 0; i < elements.length; i++) {
                    if (elements[i].href.includes(小红书ID)) {
                        elements[i].parentElement?.classList.add('chaxun')
                        break;
                        // 如果需要在找到匹配元素后执行其他操作,可以在这里添加代码
                    }
                }
                elements = document.querySelectorAll('.cover.ld.mask[href]');
                // 遍历这些元素,检查它们的 href 属性
                for (var j = 0; j < elements.length; j++) {
                    if (elements[j].href.includes(小红书ID)) {
                        elements[j].parentElement?.querySelector('.footer').classList.add('chaxun')
                        break;
                        // 如果需要在找到匹配元素后执行其他操作,可以在这里添加代码
                    }
                }
                // //这是笔记详情页面
                // var script = document.querySelectorAll('script');
                // for (let index = 0; index < script.length; index++) {
                //     if (script[index].textContent.includes(小红书ID)) {
                //         document.querySelector('.note-content').classList.add('chaxun');
                //         break;
                //     }

                var content = document.querySelectorAll('meta[content]');
                for (let index = 0; index < content.length; index++) {
                    if (content[index].getAttribute('content').includes(小红书ID)) {
                        document.querySelector('.note-content').classList.add('chaxun');
                        break;
                    }
                }
                var comment_item = document.querySelectorAll('.comment-item');
                for (let index = 0; index < comment_item.length; index++) {
                    if (comment_item[index].id.includes(小红书ID)) {
                        comment_item[index].classList.add('chaxun');
                        break;
                    }
                }
                
            }
            // 禁止父元素移动的代码
            // parent.style.pointerEvents = 'none';
        });
        record_content.addEventListener('mouseout', function (event) {
            event.stopPropagation();
            document.querySelector('.chaxun')?.classList?.remove('chaxun');
            // 启用父元素移动的代码
            // parent.style.pointerEvents = 'auto';
        });
        if (添加) {
            let json = {
                记录: content,
            };
            远程下载记录.push(json)
            // localStorage.setItem('远程下载记录', JSON.stringify(远程下载记录));
        }

    }
}

zhushezhi();
function zhushezhi() {
    var div3 = document.createElement('div');
    div3.style.fontSize='15px';
    div3.style.padding = "7px 10px 0px 10px";
    div3.style.zIndex = "999";
    div3.style.width = "70px";
    div3.style.height = "33px";
    div3.style.position = "fixed";
    div3.style.cursor = "pointer";

    div3.style.userSelect = "none";
    div3.textContent = "取图片";
    div3.className = "set-button";
    document.querySelector('body').appendChild(div3);
    var top = null;
    var left = null;
    var gao = document.querySelector('#link-guide')
    if (gao) {
        var rect = gao.getBoundingClientRect();
        top = rect.top - 4 + "px";
        left = rect.left + 2 + rect.width + "px";
    }
    div3.style.top = top;
    div3.style.left = left;
    div3.addEventListener('click', function () {
        console.log('执行打印命令');
        if (document.querySelector('.mianban')) {
            document.querySelector('.mianban').remove();
            showToast("删除列表成功。", false);
        }
        读取页面媒体();
        showToast("读取页面内小红书媒体信息完成,获取媒体数:" + document.querySelectorAll(".optionWrapper").length, false);
    });
    div3.addEventListener('contextmenu', function (event) {
        event.preventDefault(); // 阻止默认右键菜单
        if (document.querySelector('.mianban')) {
            document.querySelector('.mianban').remove();
            延时();
            showToast("删除列表成功。", false);
        }
    });

}

function 延时() {
    var count = 0;
    var intervalId = setInterval(function () {
        var a = 1;
        console.log(a);
        count++;
        if (count === 5) {
            clearInterval(intervalId);
        }
    }, 1000);
}


//页面元素监测,判断小红书笔记列表是否出现
(function () {
    // 创建一个 MutationObserver 实例
    var observer = new MutationObserver(function (mutations) {
        mutations.forEach(function (mutation) {
            // 检查每个变化的类型
            if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
                // 循环遍历添加的节点
                mutation.addedNodes.forEach(function (addedNode) {
                    // 检查添加的节点是否为目标元素
                    if (addedNode.classList) {
                        const authorWrapperElements = addedNode.querySelectorAll('.footer .author-wrapper');
                        if (authorWrapperElements.length > 0) {
                            小红书媒体(authorWrapperElements);
                        } else {
                            const authorWrapperElements = addedNode.querySelectorAll('[data-v-ed4befca ][class="author-wrapper"]');
                            if (authorWrapperElements.length > 0) {
                                评论媒体(authorWrapperElements);
                            } else {
                                const authorWrapperElements = addedNode.querySelectorAll('.right .author-wrapper');
                                if (authorWrapperElements.length > 0) {
                                    评论媒体(authorWrapperElements);
                                } else {
                                    const interact_container = addedNode.querySelectorAll('.interact-container');
                                    if (interact_container.length > 0) {
                                        评论框(interact_container);
                                    } else {
                                        const bottom_channel = addedNode.querySelector('.bottom-channel[href="https://creator.xiaohongshu.com/publish/publish?source=official"]');
                                        if (bottom_channel) {
                                            bottom_channel.parentElement.remove();
                                        }
                                    }
                                }
                            }
                        }
                    }
                });
            }
        });
    });
    // 开始观察父节点下的变化
    observer.observe(document.body, { childList: true, subtree: true });
})();

function 访问获取笔记源码(小红书ID, 类型, 按钮) {
    get("https://www.xiaohongshu.com/explore/" + 小红书ID + "?exSource=", '', function (content) {
        let initialStateText = 取源码JSON文本(content);
        if(!initialStateText){
            showToast(小红书ID+'--读取页面该笔记源码失败', false);
            return;
         }
        笔记源码分析(initialStateText,类型,按钮);
    });
}
function 取源码JSON文本(content) {
    var regex = /window\.__INITIAL_STATE__=(.*?)(?=<\/script>)/s;
    var match = regex.exec(content);
    if (match && match.length >= 2) {
        let initialStateText = match[1];
        // 现在 initialStateText 中存储了 window.__INITIAL_STATE__ 和 </script> 之间的内容
        initialStateText = initialStateText.replace(/:undefined/g, ':"undefined"');
        return initialStateText;
    }
}
// 请求函数,接受url和回调函数作为参数,callback为响应文本
function get(url, post, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open(post ? 'POST' : 'GET', url, false);// 第三个参数设置为false表示同步请求
    xhr.withCredentials = true;
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                callback(xhr.responseText);
            } else if (xhr.status === 404) {
                showToast("资源未找到");
            } else if (xhr.status === 500) {
                showToast("服务器内部错误");
            } else if (xhr.status === 0) {
                showToast("连接错误");
            } else {
                showToast("网络错误或其他错误");
            }
        }
    };
    if (post) {
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send(post);
    } else {
        xhr.send();
    }
}
// fetch('https://m.v.qq.com/x/m/play?cid=mcv8hkc8zk8lnov',{
//      credentials: 'include' // 包含cookie信息
// })
    
//     .then(response => response.text())
//     .then(data => {
//         // 打印元素的文本内容
//         doc=元素转DOM对象(data)
//         console.log(doc.querySelector('body'))
//     })
//   .catch(error => console.error(error));

// function 元素转DOM对象(data){
//     let htmlString = data;
//     // 创建一个 DOMParser 实例
//     let parser = new DOMParser();
//     // 使用 DOMParser 的 parseFromString 方法将 HTML 文本解析为 DOM 对象
//    return parser.parseFromString(htmlString, 'text/html');
// }
function 笔记源码分析(initialStateText, 类型, 按钮) {
    // 然后再进行 JSON 解析

    var initialStateJSON = JSON.parse(initialStateText);
    // 从 JSON 对象中提取特定路径的内容
    var 小红书ID, 用户名, 用户id, 文件名ID, title, desc, time, 时间, currentDate, height, imageurl, videourl, 文件名, 文案, 文件类型, url, returnjson, dfturl, prvurl, 地址;
    var resultList = [];
    // 赋值操作
    小红书ID = initialStateJSON.note?.firstNoteId;
    if(!小红书ID){
        小红书ID = initialStateJSON.note?.firstNoteId?._rawValue;
    }
    用户名 = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.user?.nickname;
    用户id = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.user?.userId;
    文件名ID = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.video?.consumer?.originVideoKey;
    title = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.title;
    desc = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.desc;
    time = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.time;
    地址 = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.ipLocation;
    文案 = title + desc;
    文案 = 文案.length > 110 ? 文案.substring(0, 110) : 文案;
    currentDate = new Date();
    时间 = currentDate.toISOString().replace(/[-T:Z.]/g, '').slice(0, 14).replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, '\$1-\$2-\$3 \$4\$5\$6');
    文件名 = 用户名 + "----" + 用户id + "----" + 文案 + "----" + 小红书ID + "----" + 时间 + ' ' + 地址
    if (文件名ID != undefined) {
        文件名 = 文件名 + "(" + 1 + ").mp4";
        videourl = "http://sns-video-bd.xhscdn.com/" + 文件名ID
        if (类型 === 1) {
            文件类型 = "mp4"
            const json = JSON数据(videourl, 文件名ID, 文案, 用户名, 用户id, 文件保存目录, 文件名.replace(/[\\/:*?"<>|,;#%]/g, ''), 文件类型, 小红书ID, '', '');
            视频下载(json, 0, 按钮)
        } else {
            const obj = {
                filename: 文件名,
                url: videourl
            };
            resultList.push(obj);
            创建列表框(resultList);
            showToast("读取页面内小红书媒体信息完成,获取视频数:" + document.querySelectorAll(".optionWrapper").length, true);
        }
    } else {
        var arrayLength = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.imageList.length;
        if (arrayLength != 0) {
            for (var i = 0; i < arrayLength; i++) {
                var image = initialStateJSON.note?.noteDetailMap[小红书ID]?.note?.imageList[i];
                文件名ID = image.fileId;
                if (文件名ID === "") {
                    prvurl = image?.infoList[0]?.url
                    dfturl = image?.infoList[1]?.url
                    文件名ID = dfturl.substring(dfturl.lastIndexOf("/") + 1, dfturl.lastIndexOf("!"));
                    dfturl = image?.infoList[0]?.url
                    //( /\/([a-z0-9]+)!/i)
                }
                height = image.height;
                const 新文件名 = 文件名 + "(" + (i + 1) + ").jpeg";
                imageurl = "http://ci.xiaohongshu.com/" + 文件名ID + "?imageView2/2/w/format/png";
                if (类型 === 1) {
                    文件类型 = "webp"
                    const json = JSON数据(imageurl, 文件名ID, 文案, 用户名, 用户id, 文件保存目录, 新文件名.replace(/[\\/:*?"<>|,;#%]/g, ''), 文件类型, 小红书ID, prvurl, dfturl);
                    图片下载(json, i, 按钮);

                } else {
                    const obj = {
                        filename: 文件名,
                        url: imageurl
                    };
                    resultList.push(obj);
                }
            }
            if (类型 === 1) {
                console.log("发起下载完成")
            } else {
                创建列表框(resultList);
                showToast("读取页面内小红书媒体信息完成,获取图片数:" + document.querySelectorAll(".optionWrapper").length, true);
            }
        }
    }
}
function 视频下载(post, index, 按钮) {
    let 下载情况='';
    let 正常=false;
    let 异常 = false;
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 服务器地址, true);
    xhr.withCredentials = true;
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                let returnjson = JSON.parse(xhr.responseText)
                if (returnjson.下载.下载状态 === "下载完毕") {
                    按钮.setAttribute('meiti_send_button', 'green')
                    异常 = false;
                } else {
                    按钮.setAttribute('meiti_send_button', 'brown')
                    异常 = true;
                }
                下载情况 = '视频:' + returnjson.用户名 + '--' + returnjson.文案.substring(0, 10) + '--' + returnjson.小红书ID + '--' + returnjson.下载.下载状态;
                console.log(xhr.responseText)
                正常 = true;
                创建下载记录列表框(下载情况, true, 异常);
            } else if (xhr.status === 404) {
                下载情况 = '视频:网络状态{' + xhr.status + ",资源未找到";
            } else if (xhr.status === 500) {
                下载情况 = '视频:网络状态{' + xhr.status + ",服务器内部错误";
            } else {
                下载情况 = '视频:网络状态{' + xhr.status + ",网络错误或其他错误";
            }
            if (!正常) {
                按钮.setAttribute('meiti_send_button', 'brown')
                判断服务器();
            }
            showToast(下载情况, 正常);
        }
    };
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(post);
}
function 图片下载(post, index, 按钮) {
    var 下载情况='';
    let 正常=false;
    let 异常 = false;
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 服务器地址, true);
    xhr.withCredentials = true;
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                let returnjson = JSON.parse(xhr.responseText)
                if (returnjson.下载.下载状态 === "下载完毕") {
                    按钮.setAttribute('meiti_send_button', 'green')
                    异常 = false;
                } else {
                    按钮.setAttribute('meiti_send_button', 'brown')
                    异常 = true;
                }
                正常 = true;
                下载情况 = '图片(' + (index + 1) + ')' + returnjson.用户名 + '--' + returnjson.文案.substring(0, 10) + '--' + returnjson.小红书ID + returnjson.下载.下载状态;
                console.log(xhr.responseText)
                创建下载记录列表框(下载情况, true,异常);
            } else {
                if (xhr.status === 404) {
                    下载情况 = '图片(' + (index + 1) + ')--网络状态{' + xhr.status + '},资源未找到\n';
                } else {
                    if (xhr.status === 500) {
                        下载情况 = '图片(' + (index + 1) + ')--网络状态{' + xhr.status + ',服务器内部错误\n';
                    } else {
                        下载情况 = '图片(' + (index + 1) + ')--网络状态{' + xhr.status + ',网络错误或其他错误\n';
                    }
                }
            }
            if (!正常) {
                按钮.setAttribute('meiti_send_button', 'brown')
                判断服务器();
            }
            showToast(下载情况, true);

        }
    };
    xhr.onerror = function () {
        showToast('发生网络错误');
    };
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(post);
}
function 评论图片下载(post, index, 按钮) {
    let 下载情况='';
    let 正常=false;
    let 异常 = false;
    var xhr = new XMLHttpRequest();
    xhr.open('POST', 服务器地址, true);
    xhr.withCredentials = true;
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                let returnjson = JSON.parse(xhr.responseText)
                if (returnjson.下载.下载状态 === "下载完毕") {
                    按钮.setAttribute('pinglun_button', 'green')
                    异常 = false;
                } else {
                    按钮.setAttribute('pinglun_button', 'brown')
                    异常 = true;
                }
                下载情况 = '图片(' + (index + 1) + ')' + returnjson.用户名 + '--' + returnjson.文案.substring(0, 10) + '--' + returnjson.小红书ID + returnjson.下载.下载状态;
                正常 = true;
                console.log(xhr.responseText)
                创建下载记录列表框(下载情况, true, 异常);
            } else if (xhr.status === 404) {
                下载情况 = '评论图片(' + (index + 1) + ')--网络状态{' + xhr.status + '},资源未找到\n';
            } else if (xhr.status === 500) {
                下载情况 = '评论图片(' + (index + 1) + ')--网络状态{' + xhr.status + ',服务器内部错误\n';
            } else {
                下载情况 = '评论图片(' + (index + 1) + ')--网络状态{' + xhr.status + ',网络错误或其他错误\n';
            }
            if (!正常) {
                按钮.setAttribute('pinglun_button', 'brown')
                判断服务器();
            }
            showToast(下载情况, 正常);
        }
    };
    xhr.onerror = function () {
        showToast('发生网络错误');
    };
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(post);
}
function 小红书媒体(authorWrapperElements){
     // 遍历匹配的元素列表
     authorWrapperElements.forEach(function(element) {
        if(!element.querySelector('.meiti_button')){
            var xiazai = document.createElement('div');
            xiazai.className = "meiti_button";
            // 添加鼠标点击事件
            xiazai.addEventListener("click", function () {
                xiazai.setAttribute('meiti_button', 'red');
                meiti_send_button
                var linkElement = element.parentNode?.parentNode?.querySelector('a');
                if (linkElement) {
                    var link = linkElement.getAttribute('href');
                    var 小红书ID = link.substring(link.lastIndexOf('/') + 1);
                    if (小红书ID != "") {
                        访问获取笔记源码(小红书ID,0,xiazai);
                    }
                }
            })
            element.appendChild(xiazai);
            var meiti_send_button = document.createElement('div');
            meiti_send_button.className = "meiti_send_button";
            // 添加鼠标点击事件
            meiti_send_button.addEventListener("click", function () {
                meiti_send_button.setAttribute('meiti_send_button', 'red');
                var linkElement = element.parentNode?.parentNode?.querySelector('a');
                if (linkElement) {
                    var link = linkElement.getAttribute('href');
                    var 小红书ID = link.substring(link.lastIndexOf('/') + 1);
                    if (小红书ID != "") {
                        访问获取笔记源码(小红书ID,1,meiti_send_button);
                    }
                }
            })
            element.appendChild(meiti_send_button);
        }
    });
}
function 评论媒体(authorWrapperElements) {
    // 遍历匹配的元素列表
    authorWrapperElements.forEach(function (element) {
        if (!element.querySelector('.pinglun_button')) {
            var xiazai = document.createElement('div');
            xiazai.className = "pinglun_button";
            // 添加鼠标点击事件
            xiazai.addEventListener("click", function () {
                xiazai.setAttribute('pinglun_button', 'red');
                var linkElement = element.parentNode?.parentNode?.parentElement?.id;
                if (linkElement) {
                    var 小红书ID = linkElement.substring(linkElement.lastIndexOf('-') + 1)
                    if (小红书ID != "") {
                        outerLoop: for (var i = 0; i < globalJSON.length; i++) {
                            const comments = globalJSON[i]?.data?.comments;
                            if (comments) {
                                for (var j = 0; j < comments.length; j++) {
                                    if (comments[j].id === 小红书ID) {
                                        let url, 文件名, 文件名ID, 用户名, 用户id, 文件类型, 文案, json;
                                        url = comments[j].pictures[0].url_default;
                                        if (url) {
                                            文件名ID = url.match(/([^/]+)$/)[0].split('!')[0]
                                            文案 = comments[j].content;
                                            用户名 = comments[j].user_info?.nickname;
                                            用户id = comments[j].user_info.user_id;
                                            文件名 = 用户名 + '----' + comments[j].note_id + '----{评论}' + 文案 + '----' + 用户id + '----' + 文件名ID + '----' + 时间转换(comments[j].create_time) + '(1).png'
                                            文件名 = 文件名.replace(/[\\/:*?"<>|,;#%]/g, '');
                                            文件类型 = 'png';
                                            json = JSON数据(url, 文件名ID, 文案, 用户名, 用户id, 文件保存目录, 文件名, 文件类型, 小红书ID)
                                            评论图片下载(json, 0, xiazai);
                                            break outerLoop; // 退出外部循环
                                        }
                                    }
                                    const sub_comments = comments[j].sub_comments
                                    for (var k = 0; k < sub_comments.length; k++) {
                                        let url, 文件名, 文件名ID, 用户名, 用户id, 文件类型, 文案, json;
                                        if (sub_comments[k].id === 小红书ID) {
                                            url = sub_comments[k].pictures[0].url_default
                                            if (url) {
                                                url = sub_comments[k].pictures[0].url_default;
                                                文件名ID = url.match(/([^/]+)$/)[0].split('!')[0]
                                                文案 = sub_comments[k].content;
                                                用户名 = sub_comments[k].user_info?.nickname;
                                                用户id = sub_comments[k].user_info.user_id;
                                                文件名 = 用户名 + '----' + sub_comments[k].note_id + '----{评论}' + 文案 + '----' + 用户id + '----' + 文件名ID + '----' + 时间转换(sub_comments[k].create_time + '(1).png')
                                                文件名 = 文件名.replace(/[\\/:*?"<>|,;#%]/g, '');
                                                文件类型 = 'png';
                                                json = JSON数据(url, 文件名ID, 文案, 用户名, 用户id, 文件保存目录, 文件名, 文件类型, 小红书ID)
                                                评论图片下载(json, 0, xiazai);
                                                break outerLoop; // 退出外部循环
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            })
            element.appendChild(xiazai);
        }
        // 在这里执行你的逻辑操作
    });
}
function 评论框(authorWrapperElements) {
    // 遍历匹配的元素列表
    authorWrapperElements.forEach(function (element) {
        element.querySelector('.chat-wrapper')?.remove();
        //创建本地解析笔记按钮
        if (!element.querySelector('.meiti_button')) {
            var xiazai = document.createElement('div');
            xiazai.className = "meiti_button";
            xiazai.style.margin = '5px';
            xiazai.style.display = 'inline-block';
            xiazai.style.verticalAlign = 'middle';
            // 添加鼠标点击事件
            xiazai.addEventListener("click", function () {
                // xiazai.setAttribute('meiti_button', 'red');
                // let 小红书ID,url,文案,文件名ID,文件名,文件保存目录,文件类型,时间,页面url;
                // 页面url=window.location.href;
                // 小红书ID=页面url.match(/\b[A-Fa-f0-9]{16,}\b/g);
                // 文案 = (document.querySelector('#detail-title').textContent + document.querySelector('#detail-desc').textContent).substring(0, 110)
                if (document.querySelector('.close.close-mask-white')) {
                    let 小红书ID = window.location.href.match(/\b[A-Fa-f0-9]{16,}\b/g);
                    访问获取笔记源码(小红书ID, 0, xiazai)
                } 
            })
            element.querySelector('.share-wrapper').appendChild(xiazai);
            //创建发送笔记URL至网页文件下载按钮
            var meiti_send_button = document.createElement('div');
            meiti_send_button.className = "meiti_send_button";
            meiti_send_button.style.margin = '5px';
            meiti_send_button.style.display = 'inline-block';
            meiti_send_button.style.verticalAlign = 'middle';
            // 添加鼠标点击事件
            meiti_send_button.addEventListener("click", function () {
                let initialStateText = JSON.stringify(unsafeWindow.__INITIAL_STATE__);
                笔记源码分析(initialStateText, 1, meiti_send_button);
            })
            element.querySelector('.share-wrapper').appendChild(meiti_send_button);
        }
    });
}

function JSON数据(url, 文件名ID, 文案, 用户名, 用户id, 目录, 文件名, 文件类型, 小红书ID, prvurl, dfturl) {
    let json = {
        url: url,
        文件名ID: 文件名ID,
        文案: 文案,
        用户名: 用户名,
        用户id: 用户id,
        目录: 目录,
        文件名: 文件名,
        文件类型: 文件类型,
        小红书ID: 小红书ID,
        prvurl: prvurl,
        dfturl: dfturl
    };
    return JSON.stringify(json);
}
// function 发送数据置下载服务端(post){
//     var xhr = new XMLHttpRequest();
//     xhr.open('POST', 服务器地址, false); // 第三个参数设置为false表示同步请求
//     xhr.send(post);
    
//     if (xhr.status === 200) {
//       console.log(xhr.responseText);
//     } else {
//       console.log('请求失败:' + xhr.status);
//     }
// }


function 时间转换(timestamp) {
    timestamp.toString().padEnd(13, '0');
    // 创建一个新的 Date 对象并使用时间戳初始化它
    var date = new Date(timestamp);
    // 使用 Date 对象的方法获取年、月、日、时、分和秒
    var year = date.getFullYear();
    var month = ('0' + (date.getMonth() + 1)).slice(-2);
    var day = ('0' + date.getDate()).slice(-2);
    var hours = ('0' + date.getHours()).slice(-2);
    var minutes = ('0' + date.getMinutes()).slice(-2);
    var seconds = ('0' + date.getSeconds()).slice(-2);
    // 组合成所需的日期时间格式
    return year + '-' + month + '-' + day + ' ' + hours + ' ' + minutes + ' ' + seconds;
}
//复制内容到剪辑版
function copyToClipboard(text) {
    var textarea = document.createElement('textarea');
    textarea.value = text;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
}
function 请求服务端下载(jsonData, 按钮) {
    get(服务器地址, jsonData, function (response) {
        console.log(response)
        let retrunjson=JSON.parse(response)
        if(retrunjson.下载.网络访问){
            showToast("评论图片:"+retrunjson.用户名+'--'+retrunjson.小红书ID+'--'+retrunjson.下载.网络访问)
            按钮.setAttribute('pinglun_button','brown')
        }else{
            showToast("评论图片:"+retrunjson.用户名+'--'+retrunjson.小红书ID+'--'+retrunjson.下载.下载状态)
            按钮.setAttribute('pinglun_button','green')
        }

    });
}


function showToast(message, isError) {
    // 创建新的提示框
    const toastContainer = document.createElement('div');
    // 设置样式属性
    toastContainer.style.position = 'fixed';
    toastContainer.style.justifyContent = 'center';
    toastContainer.style.top = '30%';
    toastContainer.style.left = '50%';
    toastContainer.style.width = '65vw';
    toastContainer.style.transform = 'translate(-50%, -50%)';
    toastContainer.style.display = 'flex';
    toastContainer.style.padding = '5px';
    toastContainer.style.fontSize = '20px';
    toastContainer.style.background = '#e7f4ff';
    toastContainer.style.zIndex = '999';
    toastContainer.style.borderRadius = '15px';
    toastContainer.classList.add('PopupMessage'); // 设置 class 名称为 PopupMessage
    // 根据是否为错误提示框添加不同的样式
    if (isError) {
        toastContainer.classList.add('success');
        toastContainer.style.color = '#3fc91d';
    } else {
        toastContainer.classList.add('error');
        toastContainer.style.color = '#CC5500';
    }
    // 将提示框添加到页面中
    document.body.appendChild(toastContainer);
    // 获取页面高度的 20vh
    const windowHeight = window.innerHeight;
    //设置最低的高度。
    const height = windowHeight * 0.2;
    // 设置当前提示框的位置
    toastContainer.style.top = `${height}px`;
    // 在页面中插入新的信息
    const toast = document.createElement('div');
      // 使用 <br> 实现换行
    toast.innerHTML = message.replace(/\n/g, '<br>');
    toastContainer.appendChild(toast);
    // 获取所有的弹出信息元素,包括新添加的元素
    const popupMessages = document.querySelectorAll('.PopupMessage');
    // 调整所有提示框的位置
    let offset = 0;
    popupMessages.forEach(popup => {
        if (popup !== toastContainer) {
            popup.style.top = `${parseInt(popup.style.top) - toast.offsetHeight - 5}px`;
        }
        offset += popup.offsetHeight;
    });
    // 在 3 秒后隐藏提示框
    setTimeout(() => {
        toastContainer.classList.add('hide');
        // 过渡动画结束后移除提示框
        setTimeout(() => {
            toastContainer.parentNode.removeChild(toastContainer);
        }, 300);
    }, 3000);
}

//网络请求监测
(function () {
    // 重写 XMLHttpRequest 对象的 open 方法
    var realOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
        realOpen.apply(this, arguments);
    };

    // 重写 XMLHttpRequest 对象的 send 方法
    var realSend = XMLHttpRequest.prototype.send;
    XMLHttpRequest.prototype.send = function (data) {
        var self = this;
        var onload = this.onload;
        this.onload = function () {
            var url = self.responseURL;
            // 判断 URL 是否包含 "comment/page" 和 "cursor="
            if (url.includes("comment/page") && url.includes("cursor=")) {
                if (url.includes("cursor=&")) {
                    globalJSON = [];
                }
                try {
                    // 将响应内容解析为 JSON
                    const jsonResponse = JSON.parse(self.responseText);
                    // 将 JSON 添加到全局变量
                    globalJSON.push(jsonResponse);
                } catch (error) {
                    console.log("解析响应内容为 JSON 时出错:", error);
                }
            } else {
                if (url.includes('comment/sub/page')) {
                    try {
                        // 将响应内容解析为 JSON
                        const jsonResponse = JSON.parse(self.responseText);
                        // 将 JSON 添加到全局变量
                        subJSON.push(jsonResponse);
                        console.log("评论包", subJSON);
                    } catch (error) {
                        console.log("解析响应内容为 JSON 时出错:", error);
                    }
                }else{
                    if (url.includes('explore/')) {
                        try {
                            页面源码=self.responseText;
                            console.log("页面源码", subJSON);
                        } catch (error) {
                            console.log("解析响应内容为 JSON 时出错:", error);
                        }
                    }
                }
            }

            if (typeof onload === 'function') {
                onload.apply(self, arguments);
            }
        };
        realSend.apply(this, arguments);
    };

})()
//元素移动函数
function dragMenu(menuObj, e) {
    e = e ? e : window.event;
    if (e.target !== menuObj) {
        return; // 如果点击的不是父元素本身,则不执行拖动操作
    }
    // || e.target.tagName === 'BUTTON' 判断是否为按钮元素
    if (e.target.tagName === 'TEXTAREA' || e.target.tagName === 'INPUT' || e.target.tagName === 'SELECT') {
        return;
    }
    let dragData = {
        startX: e.clientX,
        startY: e.clientY,
        menuLeft: menuObj.offsetLeft,
        menuTop: menuObj.offsetTop
    };
    document.onmousemove = function (e) { try { dragMenu(menuObj, e); } catch (err) { } };
    document.onmouseup = function (e) { try { stopDrag(menuObj); } catch (err) { } };
    doane(e);
    function stopDrag(menuObj) {
        document.onmousemove = null;
        document.onmouseup = null;
    }
    function doane(e) {
        if (e.stopPropagation) {
            e.stopPropagation();
        } else {
            e.cancelBubble = true;
        }
        if (e.preventDefault) {
            e.preventDefault();
        } else {
            e.returnValue = false;
        }
    }
    document.onmousemove = function (e) {
        let mouseX = e.clientX;
        let mouseY = e.clientY;
        let menuLeft = dragData.menuLeft + mouseX - dragData.startX;
        let menuTop = dragData.menuTop + mouseY - dragData.startY;
        menuObj.style.left = menuLeft + 'px';
        menuObj.style.top = menuTop + 'px';
        doane(e);
    }
}

// 监测页面请求()
// function 监测页面请求(){
//         // 拦截 XMLHttpRequest 请求
//         var realXhr = window.XMLHttpRequest;
//         window.XMLHttpRequest = function () {
//             var xhr = new realXhr();
//             var currentUrl; // 声明 currentUrl 变量
//             // 重写 xhr.open 方法
//             console.log('请求链接',currentUrl);
//             var realOpen = xhr.open;
//             xhr.open = function (method, url, async, user, password) {
//                 currentUrl = url; // 将当前请求的 URL 赋值给 currentUrl
//                 realOpen.apply(this, arguments);
//             };
//             // 重写 xhr.send 方法
//             var realSend = xhr.send;
//             xhr.send = function (data) {
//                 this.addEventListener('load', function () {
//                     // 判断是否包含有 "comment/page" 和 "cursor=" 的 URL 请求
//                     console.log('响应链接',currentUrl);
//                     if (currentUrl.includes("comment/page") && currentUrl.includes("cursor=")) {
//                         if(currentUrl.includes("cursor=&")){
//                             globalJSON = [];
//                         }
//                         // console.log("响应状态码:", xhr.status);
//                         // console.log("响应头:", xhr.getAllResponseHeaders());
//                         // console.log("响应体:", xhr.responseText);
//                         try {
//                             // 将响应内容解析为 JSON
//                             const jsonResponse = JSON.parse(xhr.responseText);
//                             // 将 JSON 添加到全局变量
//                             globalJSON.push(jsonResponse);
//                             // var secondMember = globalJSON[1]?.data?.comments[0]?.content;
//                             console.log("评论包", jsonResponse);
//                         } catch (error) {
//                             console.log("解析响应内容为 JSON 时出错:", error);
//                         }
//                     }
//                     //更多回复
//                     if (currentUrl.includes("comment/sub/page")) {
//                         // console.log("响应状态码:", xhr.status);
//                         // console.log("响应头:", xhr.getAllResponseHeaders());
//                         // console.log("响应体:", xhr.responseText);
//                         try {
//                             // 将响应内容解析为 JSON
//                             const jsonResponse = JSON.parse(xhr.responseText);
//                             // 将 JSON 添加到全局变量
//                             subJSON.push(jsonResponse);
//                             // var secondMember = globalJSON[1]?.data?.comments[0]?.content;
//                             console.log("评论包",jsonResponse);
//                         } catch (error) {
//                             console.log("解析响应内容为 JSON 时出错:", error);
//                         }
//                     }
//                 });
//                 realSend.apply(this, arguments);
//             };
//             // 重写 xhr.setRequestHeader 方法
//             var realSetRequestHeader = xhr.setRequestHeader;
//             xhr.setRequestHeader = function (header, value) {
//                 realSetRequestHeader.apply(this, arguments);
//             };
        
//             // 重写 xhr.getRequestHeader 方法
//             var realGetRequestHeader = xhr.getRequestHeader;
//             xhr.getRequestHeader = function (header) {
//                 return realGetRequestHeader.apply(this, arguments);
//             };
        
//             return xhr;
//         };
// }