Greasy Fork

来自缓存

显示公网IP和相关信息

在页面上显示您的公网IP地址和相关信息,以及访问统计信息、停留时间和周报总结功能

目前为 2023-07-13 提交的版本。查看 最新版本

// ==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';
        }
    });
})();