在页面上显示您的公网IP地址和相关信息，以及访问统计信息、停留时间和周报总结功能
目前为
// ==UserScript==
// @name 显示公网IP和相关信息
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 在页面上显示您的公网IP地址和相关信息，以及访问统计信息、停留时间和周报总结功能
// @author Your Name
// @match *://*/*
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// 创建一个用于显示公网IP和相关信息的DOM元素
var infoElement = document.createElement('div');
infoElement.id = 'ip-info-element';
// ���DOM元素中显示“正在加载”效果
var loadingElement = document.createElement('p');
loadingElement.id = 'ip-info-loading';
loadingElement.innerHTML = '<h4>欢迎使用IP助手</h4><br>IP地址: 正在加载<br>城市: 正在加载<br><p>由dshboom开发</p>';
infoElement.appendChild(loadingElement);
// 将信息元素添加到页面中
document.body.appendChild(infoElement);
// 添加自定义样式
GM_addStyle(`
#ip-info-element {
position: fixed;
top: 10px;
left: 10px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
z-index: 9999;
visibility: visible;
}
#ip-info-loading {
margin: 0;
padding: 0;
}
#ip-info-element p {
margin: 5px 0;
}
`);
// 发送请求获取公网IP信息
GM_xmlhttpRequest({
method: 'GET',
url: 'https://api.ipify.org?format=json',
onload: function(response) {
var ipData = JSON.parse(response.responseText);
var ip = ipData.ip;
// 在DOM元素中显示公网IP地址
loadingElement.innerText = 'IP地址: ' + ip;
// 发送请求获取公网IP的相关信息
GM_xmlhttpRequest({
method: 'GET',
url: 'http://ip-api.com/json/' + ip,
onload: function(response) {
var ipInfo = JSON.parse(response.responseText);
// 在DOM元素中显示公网IP的相关信息
var infoElement1 = document.createElement('p');
infoElement1.innerText = '城市: ' + ipInfo.city;
infoElement.appendChild(infoElement1);
var infoElement2 = document.createElement('p');
infoElement2.innerText = '地区: ' + ipInfo.regionName;
infoElement.appendChild(infoElement2);
var infoElement3 = document.createElement('p');
infoElement3.innerText = '国家: ' + ipInfo.country;
infoElement.appendChild(infoElement3);
// 获取当前网页的域名
var domain = document.domain;
// 在DOM元素中显示正在访问的网站的域名
var domainElement = document.createElement('p');
domainElement.innerText = '网站域名: ' + domain;
infoElement.appendChild(domainElement);
// 获取访问统计信息
var totalVisits = parseInt(localStorage.getItem('totalVisits')) || 0;
var todayVisits = parseInt(localStorage.getItem('todayVisits')) || 0;
// 显示访问统计信息
var totalVisitsElement = document.createElement('p');
totalVisitsElement.innerText = '总访问次数: ' + totalVisits;
infoElement.appendChild(totalVisitsElement);
var todayVisitsElement = document.createElement('p');
todayVisitsElement.innerText = '今天的访问次数: ' + todayVisits;
infoElement.appendChild(todayVisitsElement);
// 更新访问统计信息
totalVisits++;
todayVisits++;
localStorage.setItem('totalVisits', totalVisits);
localStorage.setItem('todayVisits', todayVisits);
// 记录用户进入页面的时间戳
var enterTime = new Date().getTime();
// 添加窗口卸载事件，计算用户停留时间并生成周报总结
window.addEventListener('beforeunload', function() {
// 计算用户停留时间
var stayTime = Math.round((new Date().getTime() - enterTime) / 1000); // 转换为秒
var stayMinutes = Math.round(stayTime / 60); // 转换为分钟
// 存储用户停留时间
var totalStayTime = parseInt(localStorage.getItem('totalStayTime')) || 0;
totalStayTime += stayMinutes;
localStorage.setItem('totalStayTime', totalStayTime);
// 存储今日停留时间
var todayStayTime = parseInt(localStorage.getItem('todayStayTime')) || 0;
todayStayTime += stayMinutes;
localStorage.setItem('todayStayTime', todayStayTime);
// 生成周报总结
if (new Date().getDay() === 0) { // 如果是周日
var weeklySummary = '本周总停留时间: ' + totalStayTime + '分钟';
localStorage.setItem('weeklySummary', weeklySummary);
}
});
// 显示今日停留时间和当前日期
var todayStayTimeElement = document.createElement('p');
todayStayTimeElement.innerText = '今日停留时间: ' + (parseInt(localStorage.getItem('todayStayTime')) || 0) + '分钟';
infoElement.appendChild(todayStayTimeElement);
var currentDateElement = document.createElement('p');
currentDateElement.innerText = '当前日期: ' + new Date().toLocaleDateString();
infoElement.appendChild(currentDateElement);
}
});
}
});
// 添加鼠标移动事件，隐藏/显示窗口
document.addEventListener('mousemove', function(event) {
var mouseX = event.clientX;
var mouseY = event.clientY;
var infoElementRect = infoElement.getBoundingClientRect();
// 如果鼠标在窗口内，则隐藏窗口；否则显示窗口
if (
mouseX >= infoElementRect.left &&
mouseX <= infoElementRect.right &&
mouseY >= infoElementRect.top &&
mouseY <= infoElementRect.bottom
) {
infoElement.style.visibility = 'hidden';
} else {
infoElement.style.visibility = 'visible';
}
});
})();