初次寫文章,有點(diǎn)小緊張.語無倫次處,還請輕點(diǎn)嗆.
mac上chrome用infinite插件很久了,尤其喜歡全屏瀏覽器且隱藏工具欄時(shí)瀏覽網(wǎng)頁, cmd+option+左右方向鍵切換,cmd+w關(guān)閉,cmd+t新建,非常方便.
有一點(diǎn)我不太滿意,就是搜索框無法直接輸入網(wǎng)址,全屏?xí)r還要調(diào)出工具欄很繁瑣,影響體驗(yàn),后來我給官方寫了郵件希望能增加功能,結(jié)果石沉大海,了無音訊,于是開始自己想辦法
目的如郵件所示,infinite添加搜索引擎的時(shí)候,會(huì)將文本框內(nèi)容傳入到配置網(wǎng)址的%s處.那么只要在自己的html文件中獲取到輸入的內(nèi)容,然后轉(zhuǎn)向該網(wǎng)址即可.
功能及源碼內(nèi)容分析:
首先,為了能精準(zhǔn)的分割出文本框輸入的內(nèi)容,我自定義了一個(gè)字段my_search_engine,用來分割字符串,確保后面的內(nèi)容是輸入的內(nèi)容.
其次,將一些不是http開頭的內(nèi)容手動(dòng)添加http://, 兼容ip地址和頂級域名,還有https://協(xié)議網(wǎng)站
接著,為了重新定位的網(wǎng)址不出現(xiàn)轉(zhuǎn)義字符,對輸入的內(nèi)容特殊處理
最后,如果用戶啥也沒輸入,就展示一個(gè)簡單的404界面
簡書圖片用不習(xí)慣,核心代碼一張截圖展示,完整代碼附在最后.
使用說明:將本文件源碼放置在電腦任何文件夾下,建議不會(huì)被經(jīng)常整理,然后將路徑復(fù)制到上面'搜索引擎配置內(nèi)容'圖片處,并在最后添加???my_search_engine=%s ,圖標(biāo)可以去阿里巴巴矢量圖標(biāo)庫下載一個(gè),需要在infinite中輸入網(wǎng)址的時(shí)候,切換到這個(gè)自定義的引擎就好了.
此功能在復(fù)制粘貼網(wǎng)址時(shí)比較高效,mac/windows都可以使用,希望對喜歡全屏Chrome的用戶有所幫助.
最終效果:
核心技術(shù),全靠百度,附上參考鏈接
