搜索时自动排除angularjs

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

搜索时自动排除angularjs_第1张图片

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

google搜索语法

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

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

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

偶然发现的插件

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

搜索时自动排除angularjs_第2张图片

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

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

搜索时自动排除angularjs_第3张图片

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

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

站在大佬的肩旁上

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

  
  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()
  }

需要修改的地方很少,

搜索时自动排除angularjs_第4张图片

搜索时自动排除angularjs_第5张图片

效果展示

搜索时自动排除angularjs_第6张图片

插件源码及安装地址

一点完善思路

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

你可能感兴趣的:(javascript,油猴脚本,angular)