EvanNav 6.3.1 页面加载代码删除指南

小十

本文档提供了关于如何删除 EvanNav 6.3.1 中页面加载相关代码的详细指南，以避免页面自动加载内容。

需要修改的文件

要完全禁用页面加载功能，需要修改以下三个文件中的特定代码段：

index.html
script.js
lazy-load.js

具体修改内容

1. 修改 index.html 文件

在 index.html 文件中，需要删除整个加载缓冲页部分（大约在第11-16行）：

<!-- 加载缓冲页 -->
<div class="loading-screen" id="loading-screen">
    <div class="loading-icon"></div>
    <div class="loading-title" id="loading-title"></div>
    <div class="loading-progress">
        <div class="progress-bar" id="progress-bar"></div>
    </div>
</div>

这部分代码负责显示页面加载时的缓冲动画和进度条。删除后，页面将不再显示加载界面。

2. 修改 script.js 文件

在 script.js 文件中，需要修改 init() 函数（大约在第70行开始）。这个函数是页面初始化的核心部分，负责加载设置、链接和分类数据，并渲染前端界面。

原始代码：

// 初始化
async function init() {
    try {
        await loadSettings();
        await loadLinks();
        await loadCategories();
        tempLinks = [...links]; // 初始化临时链接
        renderFrontend();
        
        // 优先加载自定义网站名称，避免延迟
        const loadingTitle = utils.getElement('loading-title');
        if (loadingTitle) {
            loadingTitle.textContent = settings.websiteTitle || 'My Website Favorites';
        }
        
        // 初始化标签页切换
        initAdminTabs();
        
        // 添加事件监听器
        addEventListeners();
    } catch (error) {
        console.error('Initialization failed:', error);
        utils.showNotification('加载数据失败，请刷新页面或检查网络连接！', true);
    }
}

修改为：

// 初始化
async function init() {
    // 不执行任何加载操作
}

或者完全注释掉函数内容：

// 初始化
async function init() {
    /*
    try {
        await loadSettings();
        await loadLinks();
        await loadCategories();
        tempLinks = [...links]; // 初始化临时链接
        renderFrontend();
        
        // 优先加载自定义网站名称，避免延迟
        const loadingTitle = utils.getElement('loading-title');
        if (loadingTitle) {
            loadingTitle.textContent = settings.websiteTitle || 'My Website Favorites';
        }
        
        // 初始化标签页切换
        initAdminTabs();
        
        // 添加事件监听器
        addEventListeners();
    } catch (error) {
        console.error('Initialization failed:', error);
        utils.showNotification('加载数据失败，请刷新页面或检查网络连接！', true);
    }
    */
}

3. 修改 lazy-load.js 文件

在 lazy-load.js 文件中，需要删除或注释掉 DOMContentLoaded 事件监听器（大约在第2-8行）：

document.addEventListener('DOMContentLoaded', function() {
    // 初始化懒加载
    initLazyLoading();
    
    // 监听滚动事件，使用节流函数优化性能
    window.addEventListener('scroll', throttle(checkLazyImages, 200));
    
    // 监听窗口大小变化，重新检查懒加载图片
    window.addEventListener('resize', throttle(checkLazyImages, 200));
});

这段代码在页面加载完成后会自动初始化懒加载功能，并添加滚动和窗口大小变化的事件监听器。删除或注释掉这段代码后，懒加载功能将不会自动启动。

手动触发功能

如果您需要在特定时刻手动触发某些功能，可以创建一个单独的按钮或函数来调用必要的方法。例如：

<button onclick="manualInit()">手动加载</button>

function manualInit() {
    loadSettings();
    loadLinks();
    loadCategories();
    tempLinks = [...links];
    renderFrontend();
    initAdminTabs();
    addEventListeners();
    initLazyLoading();
}

注意事项

这些修改将阻止页面在加载时自动初始化和渲染内容
管理员功能可能会受到影响，需要手动触发相关功能
如果您只想禁用部分加载功能，可以选择性地注释掉 init() 函数中的特定部分
修改代码前请先备份原始文件，以便在需要时恢复

总结

通过修改上述三个文件中的特定代码段，您可以有效地禁用 EvanNav 6.3.1 的页面自动加载功能。这对于需要控制页面加载行为或优化特定场景下的性能非常有用。