productivityPal
1.0.0
Un partenaire de productivité qui vous aidera à sensibiliser à votre vie et à mettre fin à votre dépendance à de courtes vidéos et à un défilement sans fin.
Après avoir téléchargé le fichier du projet, dirigez-vous vers les paramètres d'extension du navigateur et assurez-vous que les options de développeur sont activées. Dans le cas, un bouton appelé "Load Pack" apparaît, cliquez dessus, puis sélectionnez le fichier du projet.
L'extensine a un détecteur vidéo automatique, TI vérifie les vidéos sur le site Web et recherchent sa direction si elle est plus courte, puis 2 m le site Web sera bloqué.
Vous pouvez ajouter tout site Web que vous souhaitez à la liste de blocs, écrire l'URL du site Web dans le pour "https://website.com" ou "https://www.website.com" puis appuyez sur ajouter; Si vous souhaitez supprimer un site Web de la liste de blocs, cliquez simplement sur Supprimer.
Vous pouvez également modifier l'aperçu du bloc dans les paramètres. Vous aurez trois entrées un pour le texte la seconde pour l'image (devrait être une URL de l'image) et la dernière est la couleur du texte, notez que vous pouvez en remplir un et laisser le reste vide.
Si vous gâchez votre aperçu de votre bloc, appuyez simplement sur la réinitialisation et que vous êtes bien.
Également connu sous le nom de Hyper Text Mark Up Languge, il a été utilisé dans ce projet pour créer la fenêtre contextuelle et pour créer l'image de bloc qui apparaît lorsqu'un site Web est bloqué
Connaissez également sous le nom de feuille de style en cascade, il a été utilisé pour styliser le HTML (la fenêtre contextuelle et l'image de bloc)
Également connu sous le nom de JavaScript, il a été utilisé dans l'extension pour manuper le HTML et le CSS, à ajouter à la détection de courtes vidéos et de sites Web que l'utilisateur a entré + il est également responsable de prendre des mesures
L'API Chrome est utile dans beaucoup de choses, mais dans ce projet sur le chrome.
Ce fichier contient toute l'interface utilisateur de l'extension qu'il démarre d'abord (première section) avec une liste noire UL (Liste UNORDORD) qui contient tout le site Web bloqué, dans la même section, il existe un formulaire où vous pouvez ajouter un nouveau site Web à désactiver. Dans la deuxième section, vous verrez un aperçu de l'image de bloc, il y a une forme de trois entrées. La première est pour le deuxième texte pour l'image de backgound et le troisième pour la couleur de texte Le formulaire se termine par le bouton Submite, vous pouvez toujours voir à quoi ressemble l'image de bloc, à la fin de la section que vous pouvez voir le bouton de réinitialisation qui est utilisé au cas où vous gâchez l'image de bloc.
Maintenant, notre utilisateur peut voir l'interface utilisateur mais il semble moche, est popup.css nous styralidons tout simplement chaque élément avec CSS aussi dynamique que possible
Nous avons une interface utilisateur géniale mais cela ne fonctionne pas: | Le fichier commence par initialzing les variables, en important les données dont nous avons besoin pour l'API Chrome.Storage s'il n'y a rien dans cette API, alors nous ajoutons des données par défaut, après cela, nous avons un écouteur d'événements qui empêchera JS de tous les sites Web dans le formulaire que nous avons mentionné, il y a une fonction qui écoutera la fonction qui écoutera le formulaire L'entrée est une URL valide puis il retire les HTTPS et WWW. Si là, il ajoute que l'API Chrome.Storage plus tard , nous avons un autre événement pour le moment où le bouton de suppression l'a cliché, le Whish est stocké dans l'ID (". Listner d'événements pour l'autre forn (Custinuzng IMG Block) Il faut les trois entrées, si l'entrée est vide, elle n'inclut pas que, après cela, nous ajoutons les nouvelles données au chrome.storage et tout le bien, l'écouteur final d'événements est pour le bouton de réinitialisation, simplement lorsque vous cliquez en supprime chaque données (liée au bloc IMG)
il est responsable du style de l'image du bloc
Le fichier le plus important de l'ensemble du projet, il commence par initialiser les données (liste noire et bloc IMG), puis il commence à vérifier tous les 1 si l'URL ou le chemin change si c'est le cas, une fonction appelée application () vérifiera si le site Web est dans la liste noire si le site Web appellera BlockSite () Si la vidéo est plus courte, alors 2 m (120s) Si c'est l'appel, nous appelons BlockSite () et que nous retournons s'il le réalise à nouveau sans retour, nous vérifions si ce site Web est soit Tiktok ou YouTube Shorts si c'est le WE Call BlockSite () et que nous retournons si non, ce site Web est probablement sûr en toute sécurité en sécurité.
