Приложение или расширение Chrome для удаления элемента страницы?

Question

Мне нужно создать расширение Chrome для управления HTML на некоторых страницах.

В принципе, мне нужно удалить <div class="feedmain"> внутри страницы. В настоящее время я могу удалить этот <div> с помощью инструментов разработчика, но элемент, очевидно, перезагружается при перезагрузке страницы, поэтому я хотел бы разработать расширение, которое сделает это для меня автоматически.

Так что я хотел бы знать, если это возможно, и обзор того, как это можно сделать в расширении.

Answer 1

Да, абсолютно, это возможно и довольно легко сделать: все, что вам нужно, - это создать расширение с помощью скрипта контента, который будет вставляться на эту конкретную страницу и удалить элемент для вас.

Чтобы сделать то, что вы хотите, вам нужно:

1. Создание простого пустого Chrome Extension (см here для официального руководства) с manifest.json файлом.

2. Укажите поле "content_scripts" в поле manifest.json и объявите скрипт, который хотите ввести. Что-то вроде этого:

   "content_scripts": [ 
       { 
        "matches": "http://somesite.com/somepage.html", 
        "js": "/content_script.js" 
       } 
   ] 
   

   Посмотрите here, чтобы узнать, как содержание работы скриптов.

3. Создайте content_script.js, который удалит элемент для вас. Этот скрипт будет в основном содержать следующие две строки:

   var element = document.querySelector('div.feedmain'); 
   element.parentElement.removeChild(element);