OneHtmlNav

這是基于小呆導航的超級精簡版本，之所以投入了不少精力折騰這個導航，是之前自己網站的導航有點功能不足，看到了小呆導航有我需要的功能，但是確是基于CMS的，有點復雜我又不想再搭建一個平臺，所以就打算去除掉一些不需要的功能，只實現網址導航這個功能，所以就拿過來精簡了，由于定的是這個目標所以界面美化什么的就不要追求了，我前端代碼能勉強看懂就不錯了，所以各位如果有精力可以自己琢磨或者參考官網美化一下

訪問小呆導航源項目: github

這是導航界面

主要修改點

去掉了源代碼關于CMS的部分，只保留了前端的部分代碼

去除了大部分和導航無關或者定制化的代碼，只保留了導航的主要功能，也就是搜索和網址推薦

精簡了HTML中的各種文件依賴，改為標準庫引用網絡，非標準的精簡去冗余后合并到HTML文件中

去掉了網址和搜索引擎的圖片，全部改為文字展示，搜索引擎由img的hover改為button的hover,同時選擇后修改button中的文字，顯示為對應的引擎名字

更改了引擎列表的數據結構，去掉了圖片的鏈接部分

背景原先是白色的，還可以，不過由于我去掉了所有icon圖片，就有點不美觀了，就重新通過repeat方式生成了一個帶顏色的背景，采用的是base64處理后的圖片，就是為了不引入圖片文件，但是字符比較多，建議打開文件的時候使用notepad++之類的支持代碼折疊和換行的軟件進行查看

去除了自帶的百度搜索聯想功能，有啥各位直接打字就好了，猜詞什么的感覺沒很么必要去掉了

去掉了搜索詞后的刪除圖標，因此就沒有了原先的一鍵清除輸入內容的功能，也是為了不引入圖標，以及感覺不是很必要

代碼優點:

單文件，簡單無文件依賴，就一個html,除了公共的一個css和jquery庫，js和css都內嵌在html中了

代碼1K行，自注釋，想要按需修改的自己看中文注釋，寫的比較清晰

代碼整潔，已經通過工具美化過了，換行什么的都OK，沒有做壓縮處理，主要是為了給人看，有啥都好改

環境無依賴，電腦直接當網頁打開也可，放在服務器目錄下直接作為HTML或者添加為php都可以

支持搜索引擎的修改，可以自己添加合適的搜索引擎，這點才是我想要的，大多數導航不是下拉就是點擊勾選的有點不給力，這個代碼懸浮彈出點擊選擇的形式很不錯

代碼基本無冗余，無效的js和css都被我手動一行行清理掉了，廢了老大勁了

PC端和手機端都支持，大部分效果和樣式我都測試了，沒啥問題

程序缺點:

界面略樸素，各位有前端能力的自己修改吧

功能部分是按照我自己的想法來的，如果裁剪過度，建議參考原先項目和網頁界面進行修改添加

建議和改進

捐助

為了修改這份代碼我也是花費了近一個星期才搞定，很是用心，如果你覺得代碼對你有用就拿去用吧，愿意贊助一點的我表示開心，或者分享出去讓更多的人使用也是好的

方式一: 支付寶捐助

方式二: 微信捐助

license

這是基于小呆導航MIT協議的代碼進行開發的，為了遵守協議規定，license文件和界面聲明我都保留了，使用的時候建議大家也遵守協議規定

總結

以上是生活随笔為你收集整理的html文件打开是搜索导航,GitHub - bituplink/OneHtmlNav: 单文件html的网络导航页面，简约并不简单...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。