215 lines
8.8 KiB
PHP
215 lines
8.8 KiB
PHP
<?php
|
|
if (!defined('ABSPATH')) exit;
|
|
|
|
class Hardware_Tracker_UI {
|
|
public function __construct() {
|
|
add_action('admin_menu', [$this, 'add_menu_page']);
|
|
add_action('admin_enqueue_scripts', [$this, 'enqueue_assets']);
|
|
}
|
|
|
|
public function add_menu_page() {
|
|
add_menu_page(
|
|
'访客追踪',
|
|
'访客追踪',
|
|
'manage_options',
|
|
'hardware-tracker',
|
|
[$this, 'render_dashboard_page'],
|
|
'dashicons-visibility',
|
|
25
|
|
);
|
|
}
|
|
|
|
public function enqueue_assets($hook) {
|
|
if (isset($_GET['page']) && $_GET['page'] === 'hardware-tracker') {
|
|
wp_enqueue_script('hardware-tracker-script',
|
|
plugin_dir_url(__FILE__) . 'assets/script.js',
|
|
['jquery'], null, true
|
|
);
|
|
wp_enqueue_style('hardware-tracker-style',
|
|
plugin_dir_url(__FILE__) . 'assets/style.css'
|
|
);
|
|
}
|
|
}
|
|
|
|
public function render_dashboard_page() {
|
|
global $wpdb;
|
|
$table = $wpdb->prefix . 'hardware_visitors';
|
|
|
|
// 分页参数
|
|
$per_page = 20;
|
|
$current_page = isset($_GET['paged']) ? max(1, intval($_GET['paged'])) : 1;
|
|
$offset = ($current_page - 1) * $per_page;
|
|
|
|
// 搜索逻辑
|
|
$search = isset($_GET['s']) ? sanitize_text_field($_GET['s']) : '';
|
|
$where_clause = '1=1';
|
|
$query_params = [];
|
|
|
|
if (!empty($search)) {
|
|
$like = '%' . $wpdb->esc_like($search) . '%';
|
|
$where_clause .= $wpdb->prepare(" AND (ip LIKE %s OR os_name LIKE %s OR browser_name LIKE %s)", $like, $like, $like);
|
|
}
|
|
|
|
// 获取数据
|
|
$total_items = $wpdb->get_var("SELECT COUNT(*) FROM $table WHERE $where_clause");
|
|
$results = $wpdb->get_results($wpdb->prepare(
|
|
"SELECT * FROM $table
|
|
WHERE $where_clause
|
|
ORDER BY created_at DESC
|
|
LIMIT %d OFFSET %d",
|
|
$per_page, $offset
|
|
));
|
|
|
|
// 界面输出
|
|
echo '<div class="wrap"><h1>访客追踪</h1>';
|
|
|
|
// 搜索框
|
|
echo '<form method="get" class="search-form">
|
|
<input type="hidden" name="page" value="hardware-tracker">
|
|
<div class="search-box">
|
|
<input type="search" name="s" value="' . esc_attr($search) . '" placeholder="搜索 IP/浏览器/系统">
|
|
<button type="submit" class="button">搜索</button>
|
|
</div>
|
|
</form>';
|
|
|
|
// 数据表格
|
|
echo '<table class="widefat striped hardware-tracker-table">
|
|
<thead>
|
|
<tr>
|
|
<th>时间</th>
|
|
<th>操作系统</th>
|
|
<th>浏览器</th>
|
|
<th>IP地址</th>
|
|
<th>地理位置</th>
|
|
<th>硬件配置</th>
|
|
<th>用户代理</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>';
|
|
|
|
if ($results) {
|
|
foreach ($results as $row) {
|
|
// 服务器时间（上海时区）
|
|
$server_time = date('Y-m-d H:i:s', strtotime($row->created_at));
|
|
|
|
// ============== 用户时间（浏览器时区） ==============
|
|
$user_time = '未知';
|
|
$user_timezone = null;
|
|
if (!empty($row->timezone)) {
|
|
try {
|
|
$user_timezone = new DateTimeZone($row->timezone);
|
|
$user_time = (new DateTime($row->created_at, new DateTimeZone('Asia/Shanghai')))
|
|
->setTimezone($user_timezone)
|
|
->format('Y-m-d H:i:s');
|
|
} catch (Exception $e) {
|
|
$user_time = '时区无效';
|
|
}
|
|
}
|
|
|
|
// ============== IP地区时间（GeoIP时区） ==============
|
|
$ip_time = '未知';
|
|
$geo_timezone = $row->geo_timezone ?? 'unknown';
|
|
if (!empty($geo_timezone) && $geo_timezone !== 'unknown') {
|
|
try {
|
|
$ip_timezone = new DateTimeZone($geo_timezone);
|
|
$ip_time = (new DateTime($row->created_at, new DateTimeZone('Asia/Shanghai')))
|
|
->setTimezone($ip_timezone)
|
|
->format('Y-m-d H:i:s');
|
|
} catch (Exception $e) {
|
|
$ip_time = '时区无效: ' . esc_html($geo_timezone);
|
|
}
|
|
}
|
|
|
|
// ============== 时区不一致警告 ==============
|
|
$timezone_warning = '';
|
|
if ($user_timezone && $geo_timezone !== 'unknown') {
|
|
$time_diff = $this->calculate_timezone_diff($user_timezone, new DateTimeZone($geo_timezone));
|
|
if ($time_diff !== 0) {
|
|
$timezone_warning = '<div class="timezone-warning" style="color:#d63638;">
|
|
⚠️ 时区偏移: ' . $time_diff . ' 小时
|
|
</div>';
|
|
}
|
|
}
|
|
|
|
// 输出表格行
|
|
echo '<tr>';
|
|
echo '<td>
|
|
<div class="time-group">
|
|
<div class="time-server">🕒 服务器: ' . esc_html($server_time) . '</div>
|
|
<div class="time-user">👤 用户: ' . esc_html($user_time) . '</div>
|
|
<div class="time-ip">🌍 IP地区: ' . esc_html($ip_time) . '</div>
|
|
' . $timezone_warning . '
|
|
</div>
|
|
</td>';
|
|
echo '<td>' . esc_html("{$row->os_name} {$row->os_version}") . '</td>';
|
|
echo '<td>' . esc_html("{$row->browser_name} {$row->browser_version}") . '</td>';
|
|
echo '<td>' . esc_html($row->ip) . '</td>';
|
|
echo '<td>
|
|
<div class="geo-info">
|
|
<div class="geo-country">🏳️ ' . esc_html($row->country) . '</div>
|
|
<div class="geo-region">📍 ' . esc_html("{$row->region} · {$row->city}") . '</div>
|
|
<div class="geo-timezone">⏰ ' . esc_html($geo_timezone) . '</div>
|
|
<button class="button view-location"
|
|
data-lat="' . esc_attr($row->latitude) . '"
|
|
data-lng="' . esc_attr($row->longitude) . '">
|
|
查看经纬度
|
|
</button>
|
|
</div>
|
|
</td>';
|
|
echo '<td>
|
|
<div class="hardware-info">
|
|
<div class="cpu-info">💻 ' . esc_html("{$row->cpu_arch} · {$row->cpu_cores}核") . '</div>
|
|
<button class="button view-gpu"
|
|
data-gpu="' . esc_attr("{$row->gpu_vendor} - {$row->gpu_model}") . '">
|
|
GPU详情
|
|
</button>
|
|
</div>
|
|
</td>';
|
|
echo '<td>
|
|
<div class="ua-info">
|
|
<button class="button view-ua"
|
|
data-ua="' . esc_attr($row->user_agent) . '">
|
|
UA
|
|
</button>
|
|
<button class="button view-uach"
|
|
data-uach="' . esc_attr($row->ua_ch) . '">
|
|
UA-CH
|
|
</button>
|
|
</div>
|
|
</td>';
|
|
echo '</tr>';
|
|
}
|
|
} else {
|
|
echo '<tr><td colspan="7" class="no-data">😢 暂无追踪数据</td></tr>';
|
|
}
|
|
|
|
echo '</tbody></table>';
|
|
|
|
// 分页导航
|
|
if ($total_items > $per_page) {
|
|
echo '<div class="tablenav bottom">
|
|
<div class="tablenav-pages">
|
|
' . paginate_links([
|
|
'base' => add_query_arg('paged', '%#%'),
|
|
'format' => '',
|
|
'current' => $current_page,
|
|
'total' => ceil($total_items / $per_page)
|
|
]) . '
|
|
</div>
|
|
</div>';
|
|
}
|
|
|
|
echo '</div>'; // 结束 .wrap
|
|
}
|
|
|
|
/**
|
|
* 计算两个时区的小时差
|
|
*/
|
|
private function calculate_timezone_diff(DateTimeZone $tz1, DateTimeZone $tz2): int {
|
|
$date = new DateTime('now', $tz1);
|
|
$offset1 = $tz1->getOffset($date);
|
|
$offset2 = $tz2->getOffset($date);
|
|
return (int) round(($offset2 - $offset1) / 3600);
|
|
}
|
|
}
|