骚网站-「前端骚操作」悄悄做一个当主页的网站

「前端骚操作」悄悄做一个当主页的网站

OnlyU

Only-U

我特么爱死罗家英了。

声明：这是我自己写的自己用的工具网页，不打算靠他挣钱，这里只是跟大家分享一下，轻拍。

嗯，对了，这个是PWA，你可以离线打开哦（如果你打开过并且没有清过CacheStorage）。

网站逻辑

分为：点击与回车。

点击做了两件事：切换输入框左上角的当前引擎（截图中的“百度”）；新标签打开搜索结果，比如爱奇艺。

效果如下：

点击实在是没啥可骚包的，我们略过吧……

这是精彩的点（我是这么认为的）。它干了点击的事情，又超越了点击~

回车又分了两种情况：回车与ctrl+回车，你也可以说回车是enter。

先说回车：

估计有些小伙伴猜到了，没错，无论你当前在哪个引擎，都会根据最后一个空格后的文本判断把你带到对应结果。

有点懵？

来，看下面：

百度引擎

注意左上角，是百度引擎下。

然后我回车：

搜索结果

因为后面是“淘宝”，所以把你直接带到淘宝的搜索结果了。

怎样，是不是很好用呢？对了，淘宝=taobao=tb哦。我还顺手支持的汉字、英语、全拼、简拼……不过淘宝没英语，所以就没有英语了。

技术实现

这个真的很简单，收录很多搜索引擎的搜索链接，比如淘宝：https://s.taobao.com/search?q=xxx

然后我们把xxx换成独一无二的文本用正则替换，比如我给换成：%keyword%，然后从所有引擎数组里面找到他，正则替换然后window.open(url)就好了啊。

别说没什么卵用啊，你想想把它当做你的主页，然后你浏览器打开就自动聚焦到搜索框：我要浏览Google，不用浏览器输入Google或这点击标签，直接：xxx谷歌/Google/guge多好？你说你就是Google当主页，你很潮，我很欣赏你。但是，你要去百度或者知乎呢，嘛，总有用到的时候嘛。收录，持续收录，如果你真有需要，就留言或者邮件：zweizhao@foxmail.com，告诉我，我找到搜索逻辑就帮你加上去呗。

本文心得:

(责编：admin)

分享让更多人看到