不知道大家有没有遇到过这样的问题：很多时候一个项目会有多个环境。当浏览器标签很多时，完全看不清。其实有3两种开发环境，但是单从favicon是无法快速区分出哪一个和哪一个的。为此，我做了一个Chrome插件，非常方便的解决了这个问题。下面的效果是不是很明显？安装使用直接在Chrome网上商店搜索“autodevfavicon”，或者直接访问这个链接https://chrome.google.com/webstore/detail/auto-dev-favicon/obgfnmomampmgjefiodpcknepcecgijg，安装成功后如下图，需要进入配置页面，即自定义匹配域名的页面，有3个入口，直接点击右上角插件图标（推荐），右击插件图标在右上角，点击“选项”进入插件详情页面，点击“扩展选项”，有一个简单的配置页面，这里简单说明一下，颜色是指小标签的背景色，以及有8种预设颜色可供选择。名称是指小标签的文字内容。由于宽度有限，最多支持两个汉字或三个英文字符。字符匹配是指域名匹配。这里只匹配主机名。匹配规则是“模式匹配”。可以填写多个条目，以逗号分隔。比如这里的dev*表示匹配所有以dev开头的域名。具体规则请参考URL_Pattern_API操作。之后记得点击保存，它会自动同步到Chrome账户。其他注意事项如因网络环境暂时无法访问应用商店，可从github获取源文件，以开发者模式安装https://github.com/XboxYan/auto-dev-favicon-chrome-plugin或安装MicrosoftEdgeAddons，好处是对网络条件比较友好。如果有任何问题或意见，可以提issue或联系我：yanwenbin1991@live.comEnjoy！
