为了账号安全,请及时绑定邮箱和手机立即绑定

【前端骚操作】悄悄做一个当主页的网站

Only U

Only-U

我特么爱死罗家英了。

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

嗯,对了,这个是 PWA,你可以离线打开哦(如果你打开过并且没有清过 Cache Storage)。

网站逻辑

分为:点击与回车。

点击

点击做了两件事:

  1. 切换输入框左上角的当前引擎(截图中的“百度”);
  2. 新标签打开搜索结果,比如爱奇艺。

效果如下:

搜索结果

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


回车

这是精彩的点(我是这么认为的)。它干了点击的事情,又超越了点击~

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

先说回车:

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

有点懵?

来,看下面:

百度引擎下

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

然后我回车:

结果1

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

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


技术实现

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

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


小结

别说没什么卵用啊,你想想把它当做你的主页,然后你浏览器打开就自动聚焦到搜索框:

  1. 我要浏览 Google,不用浏览器输入 Google 或这点击标签,直接:xxx 谷歌/Google/guge 多好?
  2. 你说你就是 Google 当主页,你很潮,我很欣赏你。但是,你要去百度或者知乎呢,嘛,总有用到的时候嘛。
  3. 收录,持续收录,如果你真有需要,就留言或者邮件:zweizhao@foxmail.com,告诉我,我找到搜索逻辑就帮你加上去呗。

GitHub:only-u.site


欢迎关注,如有需要 Web,App,小程序,请留言联系。

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
软件工程师
手记
粉丝
1.6万
获赞与收藏
893

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 2
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消