Ich war frustriert, weil ich die Tabs nicht unterscheiden konnte, während ich an Dingen arbeitete. Dies ist also meine so-dumme-dass-es-smart-Lösung.
Der einzige Haken bei meinem Vorhaben war, dass ich es zu .gitignore hinzufügen musste, was die Datei untracked machte, wodurch sie gelöscht wurde und ich sie manuell wieder auf den Server schieben musste. Es scheint jedoch, dass es cleverere Wege gibt.
Ich benutze die Stylish-Erweiterung in Chrome/Firefox
füge einige Stylesheets auf den Produktionsservern ein (damit ich dort nicht im CMS herumfummeln muss)
Die bisher beste Lösung ist einfach ein Rahmen um den Inhalt.
/* Produktion */
html: {border:3px solid red}
Das kann in bestimmten Fällen zu Katastrophen führen :P
Tolle Idee, danke!
Ich habe etwas in dieser Art hinzugefügt
Eine weitere Option ist eine leichtgewichtige Chrome-Erweiterung, die ich geschrieben habe, namens Development Favicon. Quelle hier.
Es gibt einige offene Probleme. Es wäre toll, wenn einer deiner Leser bereit wäre, einen PR oder zwei einzureichen.
Großartig, Brad. Das hilft mir wirklich, Dinge nicht am falschen Ort zu tun.
Wenn Sie Webpack verwenden, können Sie favicons-webpack-plugin verwenden und den Pfad zu Ihrem bearbeiteten Favicon in die Entwicklungs-Konfigurationsdatei und den Pfad zum Produktions-Favicon in die Produktions-Konfigurationsdatei einfügen.
Als ich das las, klang es wie eine gute Idee, und es funktioniert für mich so gut!
Ich werfe einfach eine große PNG-Datei hinein und das Plugin erstellt alle notwendigen Dateien und fügt die notwendige Link[rel]-Anweisung in das HTML ein.