productivityPal
1.0.0
Ein Produktivitätspartner, der Ihnen dabei hilft, das Bewusstsein für Ihr Leben zurückzubringen und Ihre Sucht nach kurzen Videos und endlosen Scrollen zu beenden.
Nachdem Sie die Datei des Projekts heruntergeladen haben, besuchen Sie die Browser -Erweiterungseinstellungen und stellen Sie sicher, dass Entwickleroptionen eingeschaltet sind. Wenn ja, wird eine Schaltfläche "Laden" angezeigt, klicken Sie darauf und wählen Sie die Datei des Projekts aus.
Der Extensin verfügt über einen automatischen Video -Detektor, Ti überprüft auf Videos auf der Website und suchen nach seiner Richtung, wenn sie kürzer ist, als 2 m Die Website wird blockiert.
Sie können eine beliebige Website in die Blockliste hinzufügen, die URL der Website in "https://website.com" oder "https://www.website.com" schreiben und dann hinzufügen. Wenn Sie eine Website der Blockliste entfernen möchten, klicken Sie einfach auf Entfernen.
Sie können auch die Blockvorschau in den Einstellungen ändern. Sie haben drei Eingänge für den Text im zweiten für das Bild (sollte eine URL des Bildes sein) und die letzte ist die Farbe des Textes. Beachten Sie, dass Sie einen füllen und den Rest leer lassen können.
Wenn Sie Ihre Blockvorschau durcheinander bringen, treffen Sie einfach Reset und Sie sind alle gut.
Auch als Hypertext -Mark -Up -Langer bekannt, wurde es in diesem Projekt zum Erstellen des Popups und zum Erstellen des Blockbildes verwendet, das erscheint, wenn eine Website blockiert wird
Auch als Kaskadenblatt bekannt, wurde es zum Styling der HTML (das Popup und das Blockbild) verwendet.
Auch als JavaScript bezeichnet, wurde es in der Erweiterung verwendet, um die HTML und CSS zu manuachen, und fügen Sie dafür hinzu, dass es für die Erkennung von kurzen Videos und Websites verantwortlich ist, die der Benutzer eingegeben hat + es ist auch für die Ergreifen von Aktionen verantwortlich
Chrome -API ist nützlich in Bezug auf die Dinge, aber in diesem Projekt ist die Verwendung von Chrome. Storage verwendet (dazu später mehr)
Diese Datei enthält alle Benutzeroberflächen der Erweiterung, die sie zuerst startet (erster Abschnitt) mit einer Blacklist UL (UnorderD -Liste), die alle blockierten Website enthält. Im selben Abschnitt gibt es ein Formular, auf dem Sie eine neue Website zum Deaktivieren hinzufügen können. Im zweiten Abschnitt sehen Sie eine Vorschau des Blockbildes. Es gibt eine Form von drei Eingängen. Der erste ist für den Text zweites für Backgound -Bild und dritte für die Textfarbe. Das Formular endet mit Submite -Taste. Sie können immer sehen, wie das Blockbild aussieht. Am Ende des Abschnitts können Sie die Schaltfläche Reset sehen, die im Fall verwendet wird, wenn Sie das Blockbild durcheinander bringen.
Jetzt kann unser Benutzer die Benutzeroberfläche sehen, aber sie sieht hässlich aus.
Wir haben eine großartig aussehende Benutzeroberfläche, aber sie funktioniert nicht: | Die Datei beginnt mit der Initialzierung der Variablen, indem wir die Daten importieren, die wir für die Chrom -API benötigen. Wenn die Eingabe eine gültige URL ist, wird die HTTPS und www entfernt. Wenn es dann fügt, dass die Chrom.Storage -API später ein anderes Ereignis list, wenn der Entfernen der Taste sie gestellt hat, wird die URL -Whish in der ID gespeichert (". Es wird auf die IDs abgebildet. Listner für den anderen FORN (CustinUzng IMG -Block) wird alle drei Eingänge benötigt. Wenn die Eingabe eine leere Zeichenfolge ist, fügen sie nicht hinzu, dass wir danach die neuen Daten zum Chrom hinzufügen.
Es ist verantwortlich für das Styling des Blockbildes
Dies ist die wichtigste Datei im gesamten Projekt. Sie beginnt mit der Initialisierung von Daten (Blacklist und Block IMG). Wenn sich die URL oder der Pfad ändert, wird eine Funktion namens app () überprüft, ob die Website auf der schwarzen Liste ist, wenn dies der Fall ist. Die Website ruft blocksit (). Wenn das Video kürzer ist als 2m (120s) Wenn es sich handelt, rufen wir BlockSite () an () und wir kehren zurück, wenn es ohne Rückgabe erneut ausgeht, dann überprüfen wir, ob diese Website entweder Tiktok- oder YouTube -Shorts ist, wenn es sich
