让世界更美好！
// ==UserScript==
// @name 微信公众号图集一键展示
// @namespace http://tampermonkey.net/
// @version 2024.10.17
// @description 让世界更美好！
// @author sbdx
// @license GPLv3
// @match https://mp.weixin.qq.com/s/*
// @match https://mp.weixin.qq.com/s?*
// @icon https://www.google.com/s2/favicons?sz=64&domain=weixin.qq.com
// @grant none
// ==/UserScript==
(function() {
'use strict';
//图集页面的修改
function showAlbum()
{
console.log("开始打开图集事件......");
var html="";
window.picture_page_info_list.forEach((i)=>{
let url=i.cdn_url.replace("/640?","/0?");
html+=`<img src="${url}" /><br>`;
});
document.getElementById('js_article').innerHTML=(html);
}
//普通页面图片替换为高清图片
function replaceHighQualityImage()
{
let img=document.querySelector(".rich_media_content").getElementsByTagName("img");
img.forEach((i)=>{
let url=i.src.replace("/640?","/0?").replace("tp=webp","tp=jpeg");
console.log(url);
i.dataset.src=url;
i.src=url;
window.scrollTo(0, document.body.scrollHeight);
window.scrollTo(0, 0);
});
}
//优化图片布局显示
function formatDisplayImage()
{
let html='';
let svg_imgs=document.querySelectorAll("[data-lazy-bgimg]");
svg_imgs.forEach((i)=>html+=`<img src="`+i.getAttribute('data-lazy-bgimg')+`" /><br></br>`);
let imgs=document.getElementById('js_content').getElementsByTagName("img");
imgs.forEach((i)=>console.log(html+=`<img src="${i.dataset.src}" /><br></br>`));html=html.replace("/640?","/0?").replace("tp=webp","tp=jpeg");
document.getElementById("js_content").innerHTML=html;
}
if(document.getElementById('img_swiper_placeholder'))
{
let btn=document.createElement("button");
btn.innerText="打开图集";
btn.addEventListener('click',function(){
showAlbum();
document.getElementById("js_article").style.display='block';
document.getElementById("js_article").style.height='inherit';
document.getElementById("js_article").style.maxHeight='none';
document.getElementById("js_article").style.overflow='scroll';
});
document.querySelector(".rich_media_title").append(btn);
console.log("确认过眼神，是对的人！");
}
else if(document.getElementById('js_content'))
{
let btn=document.createElement("button");
btn.innerText="切换高清图";
btn.style.fontSize="12px";
btn.style.widht="80px";
btn.style.height="20px";
btn.addEventListener('click',function(){
replaceHighQualityImage();
document.getElementById("js_article").style.display='block';
document.getElementById("js_article").style.height='inherit';
document.getElementById("js_article").style.maxHeight='none';
document.getElementById("js_article").style.overflow='scroll';
});
let btn2=document.createElement("button");
btn2.innerText="优化布局显示";
btn2.style.fontSize="12px";
btn2.style.widht="80px";
btn2.style.height="20px";
btn2.addEventListener('click',function(){
formatDisplayImage();
});
document.querySelector(".rich_media_meta_list").append(btn);
document.querySelector(".rich_media_meta_list").append(btn2);
}
})();