Greasy Fork

광고차단감지팝업이 나오면 팝업이 삭제되고 https://chzzk.naver.com/live/*에서 https://chzzk.naver.com/lives로 이동할 경우(영상은 pip처럼 재생되며 다른 방송 찾아볼때) 스크롤 락이 되는 경우가 생겼습니다 아래의 코드는 GPT를 통해 수정한 코드입니다 한번 확인해 주시고 lives에서 스크롤락 부분만 고쳐 업데이트해주시면 감사하겠습니다

(function() { 'use strict';

let lastUrl = location.href;
let adBlockInterval = null;
let qualityInterval = null;
let playbackInterval = null;

function restoreScroll() {
    document.body.style.overflow = 'auto';
    document.documentElement.style.overflow = 'auto';
    document.body.style.position = 'relative';
    document.documentElement.style.position = 'relative';
}

function handleAdBlockPopup() {
    const popupContainer = document.querySelector('div[class^="popup_container"]');
    if (popupContainer && popupContainer.textContent.includes('광고 차단 프로그램을 사용 중이신가요')) {
        popupContainer.remove();
        restoreScroll(); // 스크롤 복구 추가

        const existingListener = (event) => {
            if (!(event.target.tagName === 'INPUT' || event.target.tagName === 'TEXTAREA' || event.target.tagName === 'PRE')) {
                let button;
                switch (event.key) {
                    case 'k':
                    case ' ':
                        button = document.querySelector('button.pzp-playback-switch');
                        button?.click();
                        break;
                    case 'm':
                        button = document.querySelector('button.pzp-pc-volume-button');
                        button?.click();
                        break;
                    case 't':
                        button = document.querySelector('button.pzp-pc-viewmode-button');
                        button?.click();
                        break;
                    case 'f':
                        button = document.querySelector('button.pzp-pc-fullscreen-button');
                        button?.click();
                        break;
                }
            }
        };
        document.removeEventListener('keydown', existingListener);
        document.addEventListener('keydown', existingListener);

        if (adBlockInterval) {
            clearInterval(adBlockInterval);
            adBlockInterval = null;
        }
        return true;
    }
    return false;
}

function handlePlaybackButton() {
    const playbackSwitchButton = document.querySelector('button.pzp-playback-switch');
    if (playbackSwitchButton) {
        const animateElement = playbackSwitchButton.querySelector('animate');
        if (!animateElement) {
            playbackSwitchButton.click();
            return false;
        }
    }
    if (playbackInterval) {
        clearInterval(playbackInterval);
        playbackInterval = null;
    }
    return true;
}

function selectHighestQuality() {
    const settingsButton = document.querySelector('button[class*="pzp-pc-setting-button"]');
    if (!settingsButton) return false;

    settingsButton.click();

    const qualityButton = document.querySelector('div[class*="pzp-pc-setting-intro-quality"]');
    if (!qualityButton) return false;
    qualityButton.click();

    const qualityOptions = document.querySelectorAll('li[class*="quality-item"]');
    let qualityOption = Array.from(qualityOptions).find(option => option.textContent.includes('1080'));
    if (!qualityOption) {
        qualityOption = Array.from(qualityOptions).find(option => option.textContent.includes('720'));
    }
    if (!qualityOption) return false;

    qualityOption.focus();
    const enterEvent = new KeyboardEvent('keydown', {
        bubbles: true,
        cancelable: true,
        key: 'Enter',
        code: 'Enter',
        keyCode: 13,
        which: 13
    });

    if (!playbackInterval) {
        playbackInterval = setInterval(handlePlaybackButton, 100);
    }

    qualityOption.dispatchEvent(enterEvent);

    if (qualityInterval) {
        clearInterval(qualityInterval);
        qualityInterval = null;
    }
    return true;
}

function startIntervals() {
    if (!adBlockInterval) {
        adBlockInterval = setInterval(handleAdBlockPopup, 100);
    }
    if (!qualityInterval) {
        qualityInterval = setInterval(selectHighestQuality, 100);
    }
}

// URL 변경 감지 (SPA 대응)
const observer = new MutationObserver(() => {
    if (location.href !== lastUrl) {
        lastUrl = location.href;
        restoreScroll(); // 페이지 이동 시 스크롤 복구
        if (lastUrl.includes('/live/') || lastUrl.includes('/video/')) {
            startIntervals();
        }
    }
});

observer.observe(document.body, { childList: true, subtree: true });

// `lives` 페이지에서 스크롤 락이 걸리는 경우 감지 후 복구
function monitorScrollLock() {
    const scrollObserver = new MutationObserver(() => {
        if (location.href.includes('/lives')) {
            restoreScroll();
        }
    });

    scrollObserver.observe(document.body, { attributes: true, attributeFilter: ['style'] });
    scrollObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['style'] });
}

// 실행
restoreScroll();
startIntervals();
monitorScrollLock();

})();

애드가드 유저이고, 요즘들어 팝업창이 계속 나오는데 차단규칙에 chzzk.naver.com##.popup_dimmed__zs78t, .popup_dimmed_transparent__uMy0d 추가하니 (광고차단팝업 자체 차단) 기존 코드를 사용해도 lives 페이지에서 스크롤 락현상은 재현되지않네요 gpt코드도 live/* 방송으로 들어가면 팝업이 생겼다 사라지는데 그냥 광고차단기랑 같이 쓰는게 좋은거 같기도 하고요

애드가드 유저이고, 요즘들어 팝업창이 계속 나오는데 차단규칙에 chzzk.naver.com##.popup_dimmed__zs78t, .popup_dimmed_transparent__uMy0d 추가하니 (광고차단팝업 자체 차단) 기존 코드를 사용해도 lives 페이지에서 스크롤 락현상은 재현되지않네요 gpt코드도 live/* 방송으로 들어가면 팝업이 생겼다 사라지는데 그냥 광고차단기랑 같이 쓰는게 좋은거 같기도 하고요

코드 공유해 주셔서 감사합니다. 저도 예전부터 애드가드 같은 확장 프로그램을 사용하고 있어서인지 말씀하신 버그는 발생하지 않네요. 지금 당장 고쳐야 할지 고민되지만, 나중에 필수 업데이트가 필요할 때 함께 수정하겠습니다.

애드가드 유저이고, 요즘들어 팝업창이 계속 나오는데 차단규칙에 chzzk.naver.com##.popup_dimmed__zs78t, .popup_dimmed_transparent__uMy0d 추가하니 (광고차단팝업 자체 차단) 기존 코드를 사용해도 lives 페이지에서 스크롤 락현상은 재현되지않네요 gpt코드도 live/* 방송으로 들어가면 팝업이 생겼다 사라지는데 그냥 광고차단기랑 같이 쓰는게 좋은거 같기도 하고요

코드 공유해 주셔서 감사합니다. 저도 예전부터 애드가드 같은 확장 프로그램을 사용하고 있어서인지 말씀하신 버그는 발생하지 않네요. 지금 당장 고쳐야 할지 고민되지만, 나중에 필수 업데이트가 필요할 때 함께 수정하겠습니다.

네 감사합니다 어디까지나 이런 현상이 발생했고 저와 같은 현상이 일반적일 경우를 대비해 코드 공유차 전한 것이며 필수 업데이트로 넣어달라고 강요하는 것은 아닙니다.
개발자님의 코드는 언제나 감사히 너무 잘 쓰고 있습니다