Кнопка скачать не работает на Android: решение проблемы

.download-btn {
    display: inline-block;
    padding: 12px 24px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;  /* Критически важно для мобильных устройств */
    -webkit-user-select: none;
    user-select: none;
    touch-action: manipulation;  /* Оптимизация для тач-устройств */
}

// Вариант 1: Использование touchstart для мобильных
document.querySelector('.download-btn').addEventListener('touchstart', function(e) {
    e.preventDefault();  // Предотвращаем стандартное поведение
    window.location.href = this.href;
}, { passive: false });

// Вариант 2: Комбинированный подход для всех устройств
document.querySelector('.download-btn').addEventListener('click', function(e) {
    if (this.href && !this.getAttribute('data-no-navigate')) {
        window.location.href = this.href;
    }
});

// Проверяем, не блокирует ли родительский preventDefault()
document.addEventListener('click', function(e) {
    if (e.target.matches('.download-btn')) {
        console.log('Кнопка скачивания кликнута');
        // Здесь можно добавить дополнительную логику
    }
}, true);  // Используем capturing фазу для раннего обнаружения

<a href="example.com" 
   class="download-btn"
   data-download="true"
   onclick="handleDownloadClick(event, this)">
   Скачать
</a>

function handleDownloadClick(event, element) {
    // Проверяем, что это действительно наша кнопка
    if (!element || !element.hasAttribute('data-download')) {
        return true;
    }
    
    // Для мобильных устройств используем touchstart
    if ('ontouchstart' in window) {
        event.preventDefault();
        // Добавляем небольшую задержку для улучшения UX
        setTimeout(() => {
            window.location.href = element.href;
        }, 100);
    } else {
        // Для десктопа - стандартная навигация
        window.location.href = element.href;
    }
    
    return false;  // Предотвращаем дальнейшую обработку
}

/* Базовые стили */
.download-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    min-width: 120px;
    min-height: 48px;  /* Минимальная высота для тач-целей */
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s ease;
}

/* Активное состояние для мобильных */
.download-btn:active {
    transform: scale(0.98);
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
}

// Отладочный обработчик
function debugClickHandler(event) {
    console.log('Click event:', {
        target: event.target,
        currentTarget: event.currentTarget,
        isTrusted: event.isTrusted,
        timestamp: Date.now(),
        href: event.currentTarget.href
    });
}

// Временно добавляем отладочный обработчик
document.querySelector('.download-btn').addEventListener('click', debugClickHandler);

// Проверяем наличие preventDefault() в цепочке вызовов
function checkPreventDefault(e) {
    let element = e.target;
    while (element) {
        const listeners = getEventListeners(element);
        if (listeners && listeners.click) {
            listeners.click.forEach(listener => {
                if (listener.listener.toString().includes('preventDefault')) {
                    console.warn('preventDefault найден на элементе:', element);
                }
            });
        }
        element = element.parentElement;
    }
}

document.addEventListener('click', checkPreventDefault);

// Debounce функция для предотвращения множественных кликов
function debounce(func, wait) {
    let timeout;
    return function executedFunction(...args) {
        const later = () => {
            clearTimeout(timeout);
            func(...args);
        };
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
    };
}

// Применяем debounce к обработчику
const downloadHandler = debounce((url) => {
    window.location.href = url;
}, 300);

document.querySelector('.download-btn').addEventListener('click', (e) => {
    downloadHandler(e.currentTarget.href);
});

<form action="example.com" method="get">
    <button type="submit" class="download-btn">Скачать</button>
</form>

function triggerDownload(url) {
    const link = document.createElement('a');
    link.href = url;
    link.style.display = 'none';
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}

function isNavigationAllowed(element) {
    // Проверяем, нет ли блокирующих атрибутов
    if (element.hasAttribute('disabled')) return false;
    if (element.hasAttribute('data-no-navigate')) return false;
    
    // Проверяем, есть ли href
    if (!element.href) return false;
    
    // Проверяем, не является ли внешней ссылкой с блокировкой
    try {
        const url = new URL(element.href);
        if (url.origin !== window.location.origin && 
            element.hasAttribute('data-external-block')) {
            return false;
        }
    } catch (e) {
        return false;
    }
    
    return true;
}