一个生产力伙伴,将帮助您带回人们对生活的意识,并终止对短视频和无尽滚动的成瘾。
下载项目文件后,前往浏览器扩展设置,并确保开发人员选项已打开。如果这样,将出现一个称为“加载包”的按钮,请单击它,然后选择项目的文件。
Extensin有一个自动视频检测器,TI检查网站上的视频,并寻找其方向,如果该视频较短,则该网站将被阻止。
您可以将您想要的任何网站添加到块列表中,在“ https://website.com”或“ https://www.website.com”中写入网站URL,然后命中添加;如果要删除块列表的网站,只需单击“删除”。
您也可以在设置中更改块预览。您将有三个输入为文本的第二个输入(应该是图像的URL),最后一个是文本的颜色,请注意,您可以填充一个并将其留为空。
如果您弄乱了块预览,请单击“重置”,就很好。
它也称为Hyper Text Mark Up Languge,它在该项目中用于创建弹出窗口和制作网站被阻止时出现的块图像
它也称为级联样式表,用于设计HTML(弹出式和块图像)
它也称为JavaScript,用于进行html和css的扩展,并补充说,它负责检测用户进行输入 +的简短视频和网站,也负责采取行动
Chrome API在大量方面很有用,但是在此项目中,Chrome使用的存储使用(稍后再详细介绍)
该文件包含其首先启动的扩展的所有UI(第一部分),其中包含一个包含所有阻止网站的黑名单UL(UNORDERD列表),在同一部分中,您可以在其中添加一个新网站以禁用。在第二部分中,您将看到块图像的预览,三个输入的形式是,第一个是背景图的文本第二个输入,而文本颜色的第三张颜色则以birsite按钮结束,您始终可以看到块图像的外观,在本节的末尾,您可以看到在block图像中使用的重置按钮。
现在,我们的用户可以看到UI,但看起来很丑,是popup.css,我们只是用尽可能动态的CSS样式的每个项目样式
我们有一个很棒的UI,但行不通:|文件从初始化变量开始,通过导入chrome所需的数据开始。存储API如果没有该API中的任何内容,则我们添加默认数据,然后我们有一个事件侦听器,除非已加载popup.html。输入是有效的URL,然后删除HTTPS和www。如果在那里,那就补充说chrome。储存API稍后,我们还有另一个事件lister,因为删除按钮cliked clik clike the the url whish被存储在ID中(“。”。另一个Forn(Custinuzng img块)的Listner需要所有三个输入,如果输入为空字符串,则不包括在内,之后,我们将新数据添加到Chrome.Chrome.Storgor.Storge.Storge.Storge和所有良好的事件,最终的侦听器将用于重置按钮,只需单击时,它就会删除所有数据(与Block IMG相关时,
它负责设计块图像
this is the most important file in the whole project, it starts by initializing data (blacklist and block img) then it starts checking every 1s if the url or path changes if so it runs a function called app() app will check if website is in blacklist if so the website will call blockSite() which as the name sais it blocks the website then it returns so we dont waste more time, if this website isnot in the blacklist then we look if the page does have a video if it我们是否检查视频是否短于2m(120),如果是我们调用blocksite(),如果它再次返回,我们会返回,如果没有返回,我们会检查该网站是否为tiktok还是youtube短裤,如果是我们呼叫blocksite(),那么我们返回的话,如果没有,则该网站可能是安全的。