// ==UserScript== // @name Lofter查看订阅合集 // @license GPLv3 // @namespace http://tampermonkey.net/ // @version 0.1 // @description 在 Lofter 网页版查看订阅合集 // @author SrakhiuMeow // @match https://www.lofter.com/ // @grant GM.xmlHttpRequest // @connect api.lofter.com // ==/UserScript== (function () { 'use strict'; var subscribeCollectionCount = 0; function getCookie(name) { const cookies = document.cookie.split('; '); for (const cookie of cookies) { const [key, value] = cookie.split('='); if (key === name) { return decodeURIComponent(value); // 解码 Cookie 值 } } return null; // 如果未找到 Cookie，返回 null } function getSubscription(authkey, offset = 0, limit = 50) { const url = new URL("https://api.lofter.com/newapi/subscribeCollection/list.json"); const params = { 'offset': offset, 'limit': limit, 'product': 'lofter-android-7.6.12' }; Object.keys(params).forEach(key => url.searchParams.append(key, params[key]) ); return new Promise((resolve, reject) => { GM.xmlHttpRequest({ method: "GET", url: url.toString(), headers: { 'lofproduct': 'lofter-android-7.6.12', 'User-Agent': "LOFTER-Android 7.6.12 (V2272A; Android 13; null) WIFI", 'Accept-Encoding': "br,gzip", 'lofter-phone-login-auth': authkey, }, onload: function (response) { try { // console.log(response); const data = JSON.parse(response.responseText); resolve(data); } catch (e) { reject(e); } }, onerror: function (error) { reject(error); } }); }); } function buildArticleElement(collection) { const avatar = document.createElement('div'); avatar.className = 'mlistimg'; avatar.innerHTML = `

`; const notDisplayImage = typeof imageUrl == "undefined" || imageUrl == null || imageUrl == ""; const content = document.createElement('div'); content.className = 'mlistcnt'; content.innerHTML = `

${collection.name}

最近更新：

${collection.latestPosts.join('
')}

加载详情(从最新开始)

`; const article = document.createElement('div'); article.className = 'm-mlist'; article.appendChild(avatar); article.appendChild(content); const button = article.querySelector('.opti'); const list = article.querySelector('.subslist'); button.addEventListener('click', () => { const collectionId = collection.collectionId; const authkey = getCookie("LOFTER-PHONE-LOGIN-AUTH"); if (authkey === null) { console.log('未登录'); throw new Error('未登录'); } // console.log('authkey:', authkey); if (detailOffsets[collectionId] == null) { detailOffsets[collectionId] = 0; } getCollectionDetail(authkey, collectionId, detailOffsets[collectionId], 15, 0) .then(response => { displayCollectionDetail(response.items, list); detailOffsets[collectionId] += 15; if (response.collection.postCount <= detailOffsets[collectionId]) { button.innerHTML = '没有更多数据了'; button.style.cursor = 'not-allowed'; const clone = button.cloneNode(true); // 克隆按钮 button.parentNode.replaceChild(clone, button); // 替换按钮 return; } }) .catch(error => console.error(error)); }); return article; } const detailOffsets = {}; function displayCollectionDetail(items, list) { // 显示合集详情 items.forEach(item => { const link = document.createElement('a'); link.href = item.post.blogPageUrl; link.target = '_blank'; link.innerHTML = item.post.title == '' ? item.post.noticeLinkTitle : item.post.title; list.appendChild(link); list.innerHTML += '
'; }); } function getCollectionDetail(authkey, collectionId, offset, limit = 15, order = 1) { // 获取某一合集详情 const url = new URL("https://api.lofter.com/v1.1/postCollection.api"); const params = { 'method': 'getCollectionDetail', 'product': 'lofter-android-7.6.12', 'offset': offset, 'limit': limit, 'collectionid': collectionId, 'order': order, }; Object.keys(params).forEach(key => url.searchParams.append(key, params[key]) ); // console.log(authkey); return new Promise((resolve, reject) => { GM.xmlHttpRequest({ method: "GET", url: url.toString(), headers: { 'Accept-Encoding': "br,gzip", 'content-type': "application/x-www-form-urlencoded; charset=utf-8", 'lofter-phone-login-auth': authkey, }, onload: function (response) { try { // console.log(response); const data = JSON.parse(response.responseText); resolve(data.response); } catch (e) { reject(e); } }, onerror: function (error) { reject(error); } }); }); } function insertArticles(articles) { const main = document.getElementById('main'); // const firstArticle = main.children[7]; // console.log(articles); // 插入新元素(订阅) articles.forEach(article => { const articleElement = buildArticleElement(article); // main.insertBefore(articleElement, firstArticle); main.appendChild(articleElement); }); } var offset = 20; function change2subscription() { // 变换按钮状态 this.querySelector('span').textContent = '返回主页'; this.removeEventListener('click', change2subscription); this.addEventListener('click', () => { location.reload(); }); // 获取authkey const authkey = getCookie("LOFTER-PHONE-LOGIN-AUTH"); if (authkey === null) { console.log('未登录'); throw new Error('未登录'); } // console.log('authkey:', authkey); // 获取blogDomain let blogDomain = document.querySelector('span.lg2').textContent; // console.log('blogDomain:', blogDomain); // 清除原有元素(关注更新) const divs = document.querySelectorAll('div.m-mlist'); divs.forEach(div => { div.remove(); }); const subs = getSubscription(authkey, 0, 20) .then(response => { insertArticles(response.data.collections); subscribeCollectionCount = response.data.subscribeCollectionCount; }) .catch(error => console.error(error)); // console.log('hi'); // console.log(history); window.addEventListener('scroll', e => { e.stopImmediatePropagation(); // 先阻止原逻辑 const threshold = 100; const isNearBottom = (window.innerHeight + window.scrollY) >= document.body.scrollHeight - threshold; if (isNearBottom) { // console.log("触发自定义加载..."); // 调用你的加载函数（例如从其他API获取数据） if (offset >= subscribeCollectionCount) { // console.log('没有更多数据了'); return; }; const history = getSubscription(authkey, blogDomain, offset, 20) .then(response => insertArticles(response.data.collections)) .catch(error => console.error(error)); offset += 20; } }, true); // 必须在捕获阶段拦截！ } function initialize() { const slideBar = document.getElementById('slide-bar')?.children[0]?.children[1]; if (!slideBar) { console.error('无法找到侧边栏元素'); return; } // 添加分割线 const dividingLine = document.createElement('div'); dividingLine.className = document.querySelector('[class*="horizontalDividingLine"]').className; slideBar.insertBefore(dividingLine, slideBar.children[0]); // 添加订阅合集按钮 const subscription = document.createElement('div'); // subscription.id = 'getHistory'; subscription.innerHTML = `

订阅合集

`; subscription.style.cursor = 'pointer'; subscription.addEventListener('click', change2subscription); slideBar.insertBefore(subscription, slideBar.children[0]); } // 监听 DOM 变化，等待 slidebar 加载完成 function waitForElement(selector, callback) { const observer = new MutationObserver((mutations, obs) => { const element = document.querySelector(selector); if (element) { clearTimeout(timeoutId); // 清除超时定时器 obs.disconnect(); // 停止观察 callback(element); } }); const timeoutId = setTimeout(() => { observer.disconnect(); // 停止观察 }, 5000); // 5秒超时 // 开始观察整个文档的变化 observer.observe(document, { childList: true, subtree: true }); } // 避免脚本过早执行 waitForElement('#slide-bar', (element) => { setTimeout(() => { // console.log('slide-bar加载完成'); initialize(); }, 100); // 等待0.1秒后执行 }); })();