🏠 Home 

豆瓣电影看过信息展示

在豆瓣电影页面中,将“看过”信息显示到评分区域顶部,样式和位置按照需求调整。


Install this script?
// ==UserScript==
// @name        豆瓣电影看过信息展示
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  在豆瓣电影页面中,将“看过”信息显示到评分区域顶部,样式和位置按照需求调整。
// @author       YourName
// @match        https://movie.douban.com/subject/*
// @grant        none
// ==/UserScript==
(function () {
'use strict';
// 使用 MutationObserver 动态监听页面内容
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
// 查找需要的元素
const starsElement = document.querySelector('.j.a_stars');
const ratingWrap = document.querySelector('.rating_wrap[rel="v:rating"]');
// 如果找到“我看过”信息并尚未插入
if (starsElement && ratingWrap && !document.querySelector('.watched-info')) {
const watchedDateElement = starsElement.querySelector('.collection_date');
const watchedDate = watchedDateElement ? watchedDateElement.textContent.trim() : null;
if (watchedDate) {
// 创建并插入“看过”信息
const watchedInfo = document.createElement('div');
watchedInfo.className = 'watched-info';
watchedInfo.textContent = `看过: ${watchedDate}`;
watchedInfo.style.cssText = `
color: rgb(102, 102, 102);
font-size: 19px;
margin-top: 15px;
`;
// 插入到评分区域的顶部
ratingWrap.prepend(watchedInfo);
}
}
});
});
// 监听整个页面的变化
const config = { childList: true, subtree: true };
observer.observe(document.body, config);
// 防止资源浪费,当不需要时可以停止观察
window.addEventListener('unload', () => observer.disconnect());
})();