让你的开发域名拥有与生产环境不同的 Favicon

我厌倦了无法区分我的工作中的标签，因此我找到了这个简单又实用的解决方案。

唯一的小问题是我需要将它添加到 .gitignore 中，这会导致文件未跟踪，进而被删除，我不得不手动将它放回服务器。不过，看起来有更智能的方法。

Chris

# 2016 年 7 月 25 日

我在 Chrome/Firefox 中使用 Stylish 扩展
在生产服务器上包含一些样式表（这样我不会在 CMS 中乱搞）
到目前为止，最好的解决方案是在内容周围添加一个边框。

/* 生产 */
html: {border:3px solid red}

Fez Vrasta

评论永久链接# 2016 年 7 月 26 日

这会导致某些情况下出现灾难 :P

chodorowicz

# 2016 年 8 月 20 日

很棒的主意，谢谢！
我添加了类似的东西

html:after { content: "dev"; display: block; height: 50px; width: 50px; position: fixed; background-color: red; color: white; bottom: 0; right: 0; text-align: center; line-height: 50px; }

Brad Czerniak

# 2016 年 7 月 25 日

另一个选择是我编写的轻量级 Chrome 扩展程序 Development Favicon。源代码在这里。

有一些未解决的问题。如果你的读者愿意提交 1 或 2 个 PR，那就太好了。

Thomas

评论永久链接# 2016 年 7 月 29 日

太棒了 Brad，这真的帮我避免了在错误的地方做事。

Aldo

# 2016 年 7 月 26 日

如果你使用 webpack，你可以使用 favicons-webpack-plugin，并将你正在编辑的 Favicon 的路由放在开发配置文件中，并将生产 Favicon 的路由放在生产配置文件中。

当我读到这篇文章时，它听起来是个好主意，而且对我来说效果很好！

我只是扔了一个很大的 png 文件，插件会创建所有必需的文件，并在 html 中注入必要的链接[rel]

Version: webpack 1.13.1
Time: 70913ms
                                                     Asset       Size  Chunks             Chunk Names
                              static/img/icons.d7c6390.svg     392 kB          [emitted]
  icons-441c837008636e5945aef0a22af14a59/favicon-16x16.png  726 bytes          [emitted]
  icons-441c837008636e5945aef0a22af14a59/favicon-96x96.png    3.93 kB          [emitted]
icons-441c837008636e5945aef0a22af14a59/favicon-230x230.png    14.3 kB          [emitted]
        icons-441c837008636e5945aef0a22af14a59/favicon.ico    33.3 kB          [emitted]
             icons-441c837008636e5945aef0a22af14a59/.cache    1.18 kB          [emitted]
                            static/fonts/icons.25a3241.eot    76.5 kB          [emitted]
                            static/fonts/icons.1dc35d2.ttf     153 kB          [emitted]
                           static/fonts/icons.c8ddf1e.woff    90.4 kB          [emitted]
                          static/fonts/icons.e6cf7c6.woff2    71.9 kB          [emitted]
  icons-441c837008636e5945aef0a22af14a59/favicon-32x32.png    1.48 kB          [emitted]
                              static/img/flags.9c74e17.png    28.1 kB          [emitted]
                static/js/manifest.88787bbc0d4abd3028cf.js  793 bytes       0  [emitted]  manifest
                     static/js/app.7f74d2cf70e7439b9de2.js    10.5 kB    1, 0  [emitted]  app
                  static/js/vendor.874539a8a485dbc4d250.js     118 kB    2, 0  [emitted]  vendor
       static/css/app.f64dffa9c6c358ba34840667c74eb76f.css     549 kB    1, 0  [emitted]  app
                                                index.html    1.29 kB          [emitted]
                                                     sw.js     6.8 kB          [emitted]
                                appcache/manifest.appcache  751 bytes          [emitted]
                                    appcache/manifest.html   58 bytes          [emitted]

此评论线程已关闭。如果你有重要信息要分享，请联系我们。