productivityPal
1.0.0
Un socio de productividad que lo ayudará a traer conciencia a su vida y terminará su adicción a videos cortos y un desplazamiento interminable.
Después de descargar el archivo del proyecto, diríjase a la configuración de extensión del navegador y asegúrese de que las opciones de desarrollador estén activadas. Si es así, aparecerá un botón llamado "Paquete de carga", haga clic en él y luego seleccione el archivo del proyecto.
Extensin tiene un detector de video automático, TI verifica los videos en el sitio web y busca su dirección si es más corto que 2m se bloqueará el sitio web.
Puede agregar cualquier sitio web que desee a la lista de bloques, escribir la URL del sitio web en "https://website.com" o "https://www.website.com" y luego presione add; Si desea eliminar un sitio web de la lista de bloques, simplemente haga clic en Eliminar.
También puede cambiar la vista previa del bloque en la configuración. Tendrá tres entradas una para el texto el segundo para la imagen (debería ser una URL de imagen) y la última es el color del texto, tenga en cuenta que puede llenar uno y dejar el resto vacío.
Si te equivocas con tu vista previa de bloque, simplemente presione el reinicio y estarás bien.
También conocido como Hyper Text Mark up Languge, se utilizó en este proyecto para crear la ventana emergente y para hacer la imagen de bloque que aparece cuando un sitio web se bloquea
También conoce como hoja de estilo en cascada, se usó para diseñar el HTML (la ventana emergente y la imagen del bloque)
También conocido como JavaScript, se utilizó en la extensión para manupilar el HTML y CSS, agregue que es responsable de detectar videos y sitios web cortos que el usuario ingresó + es responsable también por tomar medidas
La API de Chrome es útil en las cosas de las cosas, pero en este proyecto onlu el uso de Chrome.Storage usa (más sobre eso más adelante)
Este archivo contiene toda la interfaz de usuario de la extensión que inicia por primera vez (primera sección) con una UL de la lista negra (lista de no ordenadas) que contiene todo el sitio web bloqueado, en la misma sección hay un formulario en el que puede agregar un nuevo sitio web para deshabilitar. En la segunda sección, verá una vista previa de la imagen del bloque, hay una forma de tres entradas que la primera es para el segundo de texto para la imagen de retroceso y el tercero para el color de texto, el formulario termina con el botón Subsite, siempre puede ver cómo se ve la imagen de bloque, al final de la sección, puede ver el botón de reinicio que se usa en caso de que se vuelva a jugar con la imagen de bloque.
Ahora nuestro usuario puede ver la interfaz de usuario, pero se ve fea, es popup.css simplemente diseñamos cada elemento con el CSS tan dinámico como sea posible.
Tenemos una interfaz de usuario de aspecto increíble pero no funciona: | 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 the La entrada es una URL válida y luego elimina el HTTPS y WWW. Si allí, agrega que la API Chrome.Storage más tarde tenemos otro evento para cuando el botón eliminar el gesto de gesto de la URL se almacena en la id (". Se asigna a - " BC ID no puede tener puntos, pero se restaurará como lo fue en este paso), entonces eliminará la URL de la lista si existe más tarde, tenemos la vista previa de la imagen de bloque (utilizando el lugar de la imagen de evidencia). Listner para el otro forn (custinuzng img bloque) toma las tres entradas, si la entrada es una cadena vacía, entonces no incluye eso, después de eso, agregamos los nuevos datos a Chrome.Storage y todo bueno, el oyente de eventos finales es para el botón de reinicio, simplemente cuando hizo clic, elimina cada datos (relacionados con el bloque IMG)
es responsable de diseñar la imagen del bloque
Este es el archivo más importante en todo el proyecto, se inicia inicializando datos (BlackList y Block IMG), entonces comienza a verificar cada 1s si la URL o la ruta cambia si es así, ejecuta una función llamada aplicación de aplicación () que verificará si el sitio web está en BlackList si el sitio web llamará a BlockSite (), que, como el nombre, SAIS se bloquea, entonces, entonces no logra, si el sitio web, si el sitio web, lo hace, el Sitio web, lo que tiene el Sitio web, el Sitio web. ¿Verificamos si el video es más corto que 2m (120s) si es que llamamos blocksite () y regresamos si lo vuelve a salir sin devolución, entonces verificamos si este sitio web es tiktok o shorts de youtube si es el blocksite () y devolvemos si no es probable que este sitio web sea seguro?
