“MediaWiki:Common.js”的版本间差异

来自RMzas&SMS_Knowledge_Base_Wiki
跳转到导航 跳转到搜索
 
(未显示同一用户的3个中间版本)
第1行: 第1行:
 
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
 
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
  
// 显示最近更新的页面列表(去重版)
+
// 显示最近更新的页面列表(带时间)
// 显示最近更新的页面列表(增强容器定位)
 
 
setTimeout(function() {
 
setTimeout(function() {
   console.log('开始加载最近更新列表(增强定位版)');
+
   //console.log('开始加载最近更新页面列表');
 
    
 
    
  // 1. 定位侧边栏
 
 
   var sidebar = document.getElementById('mw-panel');
 
   var sidebar = document.getElementById('mw-panel');
 
   if (!sidebar) {
 
   if (!sidebar) {
     console.log('未找到侧边栏(#mw-panel)');
+
     console.log('未找到侧边栏');
 
     return;
 
     return;
 
   }
 
   }
 
    
 
    
  // 2. 获取所有列表项并打印文本(方便核对)
 
 
   var items = sidebar.getElementsByTagName('li');
 
   var items = sidebar.getElementsByTagName('li');
  console.log('侧边栏列表项总数:', items.length);
 
  for (var i = 0; i < items.length; i++) {
 
    var itemText = items[i].textContent.trim(); // 去除前后空格
 
    console.log('第' + i + '个列表项文本:[' + itemText + ']'); // 用[]包裹,清晰显示空格
 
  }
 
 
 
  // 3. 灵活匹配容器(忽略标点和空格差异)
 
 
   var targetItem = null;
 
   var targetItem = null;
 
   for (var i = 0; i < items.length; i++) {
 
   for (var i = 0; i < items.length; i++) {
     var itemText = items[i].textContent.trim();
+
     if (items[i].textContent.indexOf('最近更新') !== -1) {
    // 匹配包含“最近更新”四个字的项(不管后面是什么标点/空格)
 
    if (itemText.indexOf('最近更新') !== -1) {
 
 
       targetItem = items[i];
 
       targetItem = items[i];
      console.log('找到目标容器,文本为:[' + itemText + ']');
 
 
       break;
 
       break;
 
     }
 
     }
第34行: 第21行:
 
    
 
    
 
   if (!targetItem) {
 
   if (!targetItem) {
     console.log('未找到包含“最近更新”的列表项,请检查侧边栏文本');
+
     console.log('未找到目标容器');
 
     return;
 
     return;
 
   }
 
   }
 
    
 
    
  // 后续逻辑(加载中、API请求、去重显示)保持不变
 
 
   targetItem.textContent = '';
 
   targetItem.textContent = '';
 
   targetItem.innerHTML = '最近更新:<br>加载中...';
 
   targetItem.innerHTML = '最近更新:<br>加载中...';
 
    
 
    
 +
  // API请求添加timestamp参数,获取更新时间
 
   var apiUrl = mw.util.wikiScript('api') + '?';
 
   var apiUrl = mw.util.wikiScript('api') + '?';
 
   apiUrl += 'action=query';
 
   apiUrl += 'action=query';
 
   apiUrl += '&list=recentchanges';
 
   apiUrl += '&list=recentchanges';
   apiUrl += '&rcprop=title';
+
   apiUrl += '&rcprop=title|timestamp'; // 同时获取标题和时间戳
 
   apiUrl += '&rclimit=10';
 
   apiUrl += '&rclimit=10';
 
   apiUrl += '&rcdaylimit=30';
 
   apiUrl += '&rcdaylimit=30';
第70行: 第57行:
 
         if (!seenTitles.has(title)) {
 
         if (!seenTitles.has(title)) {
 
           seenTitles.add(title);
 
           seenTitles.add(title);
           uniqueUpdates.push(page);
+
           uniqueUpdates.push(page); // 包含title和timestamp
           if (uniqueUpdates.length >= 5) break;
+
           if (uniqueUpdates.length >= 6) break;
 
         }
 
         }
 
       }
 
       }
第79行: 第66行:
 
       list.style.paddingLeft = '10px';
 
       list.style.paddingLeft = '10px';
 
       list.style.margin = '5px 0';
 
       list.style.margin = '5px 0';
     
 
      if (uniqueUpdates.length === 0) {
 
        targetItem.innerHTML += '暂无更新';
 
        return;
 
      }
 
 
        
 
        
 
       uniqueUpdates.forEach(function(page) {
 
       uniqueUpdates.forEach(function(page) {
 +
        // 处理时间戳:转换为本地时间(年-月-日 时:分)
 +
        var date = new Date(page.timestamp);
 +
        var timeStr = date.toLocaleString('zh-CN', {
 +
          month: '2-digit',    // 月份(2位)
 +
          day: '2-digit',      // 日期(2位)
 +
          hour: '2-digit',    // 小时(2位)
 +
          minute: '2-digit',  // 分钟(2位)
 +
          second: '2-digit',  // 新增:显示秒(2位)
 +
          hour12: false        // 强制24小时制(避免上午/下午)
 +
        }).replace(',', '');  // 移除可能的逗号分隔符
 +
       
 
         var listItem = document.createElement('li');
 
         var listItem = document.createElement('li');
 +
        listItem.style.margin = '3px 0'; // 每条间距
 +
       
 
         var link = document.createElement('a');
 
         var link = document.createElement('a');
 
         link.href = mw.util.getUrl(page.title);
 
         link.href = mw.util.getUrl(page.title);
 
         link.textContent = page.title;
 
         link.textContent = page.title;
 
         link.style.color = '#0645ad';
 
         link.style.color = '#0645ad';
 +
       
 +
        // 时间显示(灰色小字)
 +
        var timeSpan = document.createElement('span');
 +
        timeSpan.textContent = ' (' + timeStr + ')';
 +
        timeSpan.style.color = '#666'; // 灰色
 +
        timeSpan.style.fontSize = '0.8em'; // 小字
 +
        timeSpan.style.marginLeft = '5px';
 +
       
 
         listItem.appendChild(link);
 
         listItem.appendChild(link);
 +
        listItem.appendChild(timeSpan);
 
         list.appendChild(listItem);
 
         list.appendChild(listItem);
 
       });
 
       });
 
        
 
        
 
       targetItem.appendChild(list);
 
       targetItem.appendChild(list);
      console.log('去重后显示 ' + uniqueUpdates.length + ' 个页面');
 
 
     })
 
     })
 
     .catch(function(error) {
 
     .catch(function(error) {
第103行: 第106行:
 
     });
 
     });
 
    
 
    
}, 1000); // 延长延迟到1秒,确保DOM完全加载
+
}, 1000);

2025年10月9日 (四) 03:08:54的最新版本

/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */

// 显示最近更新的页面列表(带时间)
setTimeout(function() {
  //console.log('开始加载最近更新页面列表');
  
  var sidebar = document.getElementById('mw-panel');
  if (!sidebar) {
    console.log('未找到侧边栏');
    return;
  }
  
  var items = sidebar.getElementsByTagName('li');
  var targetItem = null;
  for (var i = 0; i < items.length; i++) {
    if (items[i].textContent.indexOf('最近更新') !== -1) {
      targetItem = items[i];
      break;
    }
  }
  
  if (!targetItem) {
    console.log('未找到目标容器');
    return;
  }
  
  targetItem.textContent = '';
  targetItem.innerHTML = '最近更新:<br>加载中...';
  
  // API请求添加timestamp参数,获取更新时间
  var apiUrl = mw.util.wikiScript('api') + '?';
  apiUrl += 'action=query';
  apiUrl += '&list=recentchanges';
  apiUrl += '&rcprop=title|timestamp'; // 同时获取标题和时间戳
  apiUrl += '&rclimit=10';
  apiUrl += '&rcdaylimit=30';
  apiUrl += '&format=json';
  
  fetch(apiUrl)
    .then(function(response) {
      if (!response.ok) throw new Error('API请求失败:' + response.status);
      return response.json();
    })
    .then(function(data) {
      targetItem.innerHTML = '最近更新:<br>';
      
      if (!data.query || !data.query.recentchanges || data.query.recentchanges.length === 0) {
        targetItem.innerHTML += '暂无更新';
        return;
      }
      
      var seenTitles = new Set();
      var uniqueUpdates = [];
      for (var i = 0; i < data.query.recentchanges.length; i++) {
        var page = data.query.recentchanges[i];
        var title = page.title;
        if (!seenTitles.has(title)) {
          seenTitles.add(title);
          uniqueUpdates.push(page); // 包含title和timestamp
          if (uniqueUpdates.length >= 6) break;
        }
      }
      
      var list = document.createElement('ul');
      list.style.listStyle = 'none';
      list.style.paddingLeft = '10px';
      list.style.margin = '5px 0';
      
      uniqueUpdates.forEach(function(page) {
        // 处理时间戳:转换为本地时间(年-月-日 时:分)
        var date = new Date(page.timestamp);
        var timeStr = date.toLocaleString('zh-CN', {
          month: '2-digit',    // 月份(2位)
          day: '2-digit',      // 日期(2位)
          hour: '2-digit',     // 小时(2位)
          minute: '2-digit',   // 分钟(2位)
          second: '2-digit',   // 新增:显示秒(2位)
          hour12: false        // 强制24小时制(避免上午/下午)
        }).replace(',', '');   // 移除可能的逗号分隔符
        
        var listItem = document.createElement('li');
        listItem.style.margin = '3px 0'; // 每条间距
        
        var link = document.createElement('a');
        link.href = mw.util.getUrl(page.title);
        link.textContent = page.title;
        link.style.color = '#0645ad';
        
        // 时间显示(灰色小字)
        var timeSpan = document.createElement('span');
        timeSpan.textContent = ' (' + timeStr + ')';
        timeSpan.style.color = '#666'; // 灰色
        timeSpan.style.fontSize = '0.8em'; // 小字
        timeSpan.style.marginLeft = '5px';
        
        listItem.appendChild(link);
        listItem.appendChild(timeSpan);
        list.appendChild(listItem);
      });
      
      targetItem.appendChild(list);
    })
    .catch(function(error) {
      console.error('加载失败:', error);
      targetItem.innerHTML = '最近更新:<br>加载失败';
    });
  
}, 1000);