Как я могу изменить веб-страницу с помощью скрипта контента Google Chrome до обработки DOM?

Question

С помощью скриптов содержимого Chrome я хочу удалить несколько фреймов с веб-страницы перед их загрузкой.

Я обнаружил, что при использовании свойства run_at: document_start в манифесте расширений мой javascript выполняется сразу после запроса главной страницы и до обработки DOM и загрузки изображений, фреймов и т. Д.Логично, что на данный момент структура DOM недоступна, и я не могу изменить страницу, используя такие команды, как:

myelement=document.getElementById('iframeX');

myelement.parentNode.removeChild(myelement);

Как я могу получить доступ и изменить запрашиваемые данные страницы тогда?

Answer 1

Вам нужно запустить скрипт контента на document_start и добавить прослушиватель перед загрузкой - вы можете использовать event.preventDefault, чтобы выборочно заблокировать загрузку контента, а затем удалить фрейм, который пытался загрузить контент:

    document.addEventListener('beforeload', function(event) {
        if (event.url.match('facebook')) {
            event.preventDefault();
            $(event.target).remove();
        }
    }, false);

Я написал в блоге об эквивалентном подходе к использованию события предварительной загрузки для Firefox .

Answer 2

Для этого файл manifest.json должен содержать content_scripts, например:

"content_scripts": [
    {   
        "matches": ["*://*/*"], 
        "js": [ "scan.js" ],
        "run_at": "document_start",
        "all_frames" : true
    }
]