分享一个前端工具箱特别美化版 网上流传的都有问题

最近突然想给自己的博客加一个前端工具箱的功能，网上流传的都是由嗯哌网编写的，工具很少用，毕竟有时候写一些 HTML 的代码时，不需要自己一个一个字符的去改了。

1. 美化说明

工具虽好，但是却有些小瑕疵，博主这里仿照 DUX 主题独立页面的左侧菜单，对其进行了一些的美化：
1) 修复前端工具箱左侧菜单选中后不显示背景颜色问题
2) 美化左侧菜单背景颜色
3) 美化右侧按钮

2. 效果展示

美化后的效果如下图所示：

3. 使用方法

使用方法很简单：
1) 下载博主分享的前端工具箱后，将解压的 tools 文件夹复制到主题根目录里面
2) 新建一个页面，使用模板为 Tools（前端工具箱）
3) 复制下面代码放到 header.php 中的 head 标签中

<script type="text/javascript">
$(function(){ 
var a1 = document.URL;
var a2 = $(".toolsmenu a");
for (var i = 0; i < a2.length; i++) {
if (a1.indexOf($(a2[i]).attr("href")) != -1) {
$(a2[i]).parent().addClass("active");
return;
}
}
$(a2[0]).parent().addClass("active");
})
</script>

4) 打开该页面，就可以得到一个和博主的前端工具箱一样的效果了！

4.下载地址

因为实用功能不大，遂取消分享链接！