Партнер по производительности, который поможет вам вернуть осознание вашей жизни и прекратить вашу зависимость от коротких видео и бесконечной прокрутки.
После загрузки файла проекта перейдите в настройки расширения браузера и убедитесь, что варианты разработчика включены. Если так далее появится кнопка «Загрузить пакет», нажмите на нее, затем выберите файл проекта.
У Extensin есть автоматический детектор видео, TI проверяет видео на веб -сайте и ищет его направление, если оно будет короче, то 2M сайт будет заблокирован.
Вы можете добавить любой веб -сайт, который вы хотите в список блоков, написать URL -адрес веб -сайта в «https://website.com» или «https://www.website.com», затем нажмите «Добавить»; Если вы хотите удалить веб -сайт списка блоков, просто нажмите «Удалить».
Вы также можете изменить предварительный просмотр блока в настройках. У вас будет три ввода один для текста второй для изображения (должен быть URL -адрес изображения), а последний - это цвет текста, обратите внимание, что вы можете заполнить один и оставить остальные пустыми.
Если вы испортите свой блок предварительного просмотра, просто нажмите сброс, и все хорошо.
Также известный как гипер текстовая отметка языка, он использовался в этом проекте для создания всплывающего окна и для создания блочного изображения, которое появляется, когда веб -сайт блокируется
Также известен как каскадный лист стиля, он использовался для стиля HTML (всплывающее окно и блок -изображение)
Также известный как JavaScript, он использовался в расширении для умоля по HTML и CSS, добавить к тому, что он отвечает за обнаружение коротких видео и веб -сайтов, которые пользователь выполнял ввод +, он также несет ответственность за принятие действий
Chrome API полезен в ролях вещей, но в этом проекте onlu hrome. Использование strorage Использование (подробнее об этом позже)
Этот файл содержит весь пользовательский интерфейс расширения, который он впервые запускает (первый раздел) с черным списком UL (Underdord List), который содержит весь заблокированный веб -сайт, в том же разделе есть форма, где вы можете добавить новый веб -сайт для отключения. Во втором разделе вы увидите предварительный просмотр блочного изображения. Существует форма из трех входов. Первый для текста второй для заднего изображения, а третье для цвета текста. Форма заканчивается кнопкой Poomite, вы всегда можете увидеть, как выглядит блок -изображение, в конце раздела вы можете увидеть кнопку «Сброс», используемой в случае, если вы испортите изображение блока.
Теперь наш пользователь может видеть пользовательский интерфейс, но он выглядит уродливо, это Popup
У нас есть потрясающий пользовательский интерфейс, но он не работает: | the file starts with initialzing the variables, by importing the data we need for the chrome.storage api if there is nothing in that api then we add default data, after that we have an event listener that will block js from working unless the popup.html loaded, itself it contains a function that will map all the websites in the form we mentioned before then it has a function which will listen for the form submition off addings a website to the block list, it detects wether Вход является действительным URL, затем удаляет HTTPS и www. Если там, тогда он добавляет, что The Chrome.Storage API позже у нас есть еще одно событие, когда кнопка удаления зажимает его, чтобы получить URL Whish, который хранится в ID (». Намечена на « BC Ids не может иметь точек, но он будет восстановлен, как это было на этом шаге), тогда он удалит URL из списка. Listner для другого Forn (Block Custinuzng IMG) он требует всех трех входов, если ввод пустой строка, то он не включает в себя, после этого мы добавляем новые данные в хроме. И все хорошее, что окончательное прослушивание событий предназначено для кнопки «Сброс», просто при нажатии его удаляет все данные (связанные с блоками IMG) для кнопки «Сброс», просто при нажатии.
он отвечает за стилизацию изображения блока
Это наиболее важный файл во всем проекте, он начинается с инициализации данных (черный список и блокировки IMG), затем он начинает проверять каждый 1s, если изменяется URL или путь, если это так, если это запускает функцию, называемую приложение App (), будет проверять, находится ли веб -сайт в черном списке, если так, так как это на веб -сайте назовит, что на этом веб -сайте, если на этом сайте, если на этом сайте. Проверьте, если видео короче, то 2M (120S), если это так, мы вызовыте blocksite () и возвращаемся, если оно снова выпустит без возврата, тогда мы проверяем, является ли этот веб -сайт либо шорты Tiktok или YouTube, если это то, что мы вызовой BlockSite (), и мы возвращаем, если нет, то этот веб -сайт, вероятно, безопасен.