资讯专栏INFORMATION COLUMN

搜索时自动排除angularjs

张金宝 / 3251人阅读

摘要:不过互联网嘛,资源丰富,找找肯定有相关功能的,果然,我发现了这个想得真周到,还会在完成搜索以后自动隐藏,体验又上一个台阶,果然自己不光能力不够,境界也不够。这样一点计算机基础都没用的人也同样可以排除自己不想看到的东西。

由于历史原因在搜索angular的文章时老是有一大堆的angularjs的文章在其中

有的时候甚至大半都是,虽然我们可以使用-angularjs来排除,但能否自动添加呢?

google搜索语法

突然想到可能有人还不知道-angularjs是啥,这代表排除掉含有angularjs的搜索项,是google的基本语法之一(百度,必应等也有相应的语法,规则上大同小异)
实际上Google搜索可以比我们使用的更强大,引用一句话

 Google是一款十分强大的搜索引擎,黑客们常常借助它搜索网站的一些敏感目录和文件,甚至可以利用它的搜索功能来自动攻击那些有漏洞的网站;而有些人可以通过搜索把某个个人的信息,包括住址、电话号码、出生年月等都可以搜索出来;当然我们在日常的生活中正确的借助Google搜索也可以更加高效的找到我们需要的东西。

当然,这不是本篇文章的重点,如果想要了解一下,可以看看——Google Hacking————你真的会用Google吗?

偶然发现的插件

也想过自己去写一个插件来自动添加-angularjs,思路实际上很简单

但是该怎么实现呢?有点懵逼,这时候直接上框架干活的坏处就显现出来了,虽然也算会一些js了,但对浏览器的各种基础接口却不熟悉,这么一个简单的功能却不知如何开始。这些方面的知识也得一点点补上啊,不过也还好,还年轻,一切都不用着急。

不过互联网嘛,资源丰富,找找肯定有相关功能的,果然,我发现了这个

想得真周到,还会在完成搜索以后自动隐藏,体验又上一个台阶,果然自己不光能力不够,境界也不够。

有了源代码了,改改的能力还是有的。

站在大佬的肩旁上

下面就来简单看看这段代码
首先便是获取相关的信息并判断搜索引擎

  
  const host = location.host
  const url = new URL(location.href)
  const searchParams = url.searchParams
  const paramsIt = searchParams.keys()

  let search = "?"

  // 判断搜索引擎 (~这个符号的作用是啥呢?去掉以后效果也一样)
  if (~host.indexOf("google")) {
    removeFromGoogle()
  } else if (~host.indexOf("bing")) {
    removeFromBing()
  } else if (~host.indexOf("baidu")) {
    removeFromBaidu()
  }

需要修改的地方很少,

效果展示

插件源码及安装地址

一点完善思路

可以做个界面出来,自己输入要排除的搜索项。这样一点计算机基础都没用的人也同样可以排除自己不想看到的东西。
还发现一个可以拦截域名的,是否可以让这两结合一下?有时间的话可以尝试一下

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103906.html

相关文章

  • [译]使用karma进行angular测试

    摘要:前面我们写过了的一篇文章开始对进行单元测试而提供了非常有用的工具去帮助我们进行的测试。接下来,会增加一些内容写测试用例接下来我们可以开始进行测试了,我们在命令行工具里输入下面的命令我们将下面的代码粘贴到中去。 showImg(https://segmentfault.com/img/bVx65M); 紧随前文如何对Angular Controller进行单元测试,但是我们也提到了前文工...

    Tony 评论0 收藏0
  • 浅谈AngularJS模板

    摘要:这使得许多人并未真正了解的模板,而认为只是提供了一堆内置指令并可用于文件。是个对于模板很重要的指令,它是基本的条件表达,满足条件时则存在,不满足则不存在。则是另一重要指令,能循环创建。 showImg(http://segmentfault.com/img/bVcJtv); 作为最流行的MVVM(Model-View-View-Model)框架之一,相信大部分前端对AngularJS...

    fredshare 评论0 收藏0
  • AngularJS简述

    流行框架 简介 angularjs是一款非常优秀的前端高级JS框架,由谷歌团队开发维护,能够快速构建单页web应用,化繁为简 无论是angularjs还是jQuery都是用原生JS封装的 库:对代码进行封装,调用封装的方法,简化操作 传统方式是用get方式获取元素,然后点方法 jQuery库实现了对获取方式的封装,对方法的封装 框架:提供代码书写规则,按照规则去写代码,框架会帮我们实现响应的功能...

    Jason 评论0 收藏0
  • Day 2: AngularJS —— 对AngularJS的初步认识

    摘要:开始使用现在创建一个名为的文件,它将会是一个基于的网上书店应用。这将初始化应用程序,并告诉要在这一部分活跃。将为每个元素增加元素。控制器和视图之间的粘合剂,而且会注入到。现在我们添加书籍数组的对象到对象,这个对象对视图是可见的。 编者注:我们发现了比较有趣的系列文章《30天学习30种新技术》,准备翻译,一天一篇更新,年终礼包。以下是第二天技术的译文。 昨晚我完爆了一天一技术的任务...

    joyqi 评论0 收藏0

发表评论

0条评论

张金宝

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<