Infinity网址处理引擎

初次写文章,有点小紧张.语无伦次处,还请轻点呛.

mac上chrome用infinite插件很久了,尤其喜欢全屏浏览器且隐藏工具栏时浏览网页, cmd+option+左右方向键切换,cmd+w关闭,cmd+t新建,非常方便.

有一点我不太满意,就是搜索框无法直接输入网址,全屏时还要调出工具栏很繁琐,影响体验,后来我给官方写了邮件希望能增加功能,结果石沉大海,了无音讯,于是开始自己想办法

相关邮件内容

目的如邮件所示,infinite添加搜索引擎的时候,会将文本框内容传入到配置网址的%s处.那么只要在自己的html文件中获取到输入的内容,然后转向该网址即可.

搜索引擎配置内容

功能及源码内容分析:

首先,为了能精准的分割出文本框输入的内容,我自定义了一个字段my_search_engine,用来分割字符串,确保后面的内容是输入的内容.

其次,将一些不是http开头的内容手动添加http://, 兼容ip地址和顶级域名,还有https://协议网站

接着,为了重新定位的网址不出现转义字符,对输入的内容特殊处理

最后,如果用户啥也没输入,就展示一个简单的404界面

图片用不习惯,核心代码一张截图展示,完整代码附在最后.

核心功能代码展示

使用说明:将本文件源码放置在电脑任何文件夹下,建议不会被经常整理,然后将路径复制到上面'搜索引擎配置内容'图片处,并在最后添加  ?my_search_engine=%s ,图标可以去阿里巴巴矢量图标库下载一个,需要在infinite中输入网址的时候,切换到这个自定义的引擎就好了.

此功能在复制粘贴网址时比较高效,mac/windows都可以使用,希望对喜欢全屏Chrome的用户有所帮助.

最终效果:

效果演示

源代码地址

核心技术,全靠百度,附上参考链接

1.界面参数

2.转义字符处理

3.404界面