質問: テストサイトと本番サイトを効果的に区別するにはどうすればよいですか? 場合によっては、運用サイトをtestサイトに複製する必要があります。複製後、urlを除いて同じに見えます。testサイトのフロントエンドとバックエンドをすばやく効果的に区別するための推奨プラクティスをお知らせください。これにより、prodとtestが誤って混同されることがなくなります。目的: ユーザーが誤ってtestサイトに生産データを入力するのを防ぎます 開発者(テスターなど)が誤って本番サイトでテストを実行するのを防ぎます
回答: 別のアプローチは、ブラウザーにcssスタイルをサイトに追加させることです。スタイリッシュなブラウザプラグイン( firefoxの場合 および chromeの場合 )は、このタスク用に設計されています。 追加のカスタムcssを特定のurlのすべてのページに適用します。実際にルールを定義します[url] => [css]。上記の例:左に実線または点線を追加することで区別できます 赤=生産、黄=試作。、緑= test、青=トレーニング、grey= devなど.利点: 通常は視覚補助のない状態に保たれている生産現場に適用できます。 必要に応じて、ユーザーが一時的にオフにすることができます(たとえば、スクリーンショットを撮る場合など)。 ユニバーサルソリューション–(urlパスに基づいて)任意のサイトまたはその一部に適用できます。 特定のwebサイトへの管理者アクセスなしで使用できます。 一度セットアップすれば、サイトが変わってもメンテナンス不要。 欠点: 現在、firefoxとchromeに限定されています。 (それでも、dev/test /サポートチームがプライマリブラウザーで内部的に合意した場合は問題ありません。) スタイル設定を他のユーザーとプライベートに共有するには、もう少し作業が必要です。既知のwebサイトの場合、これは問題ではありません– userstyles.org (プラグインのホーム)には、数千のスタイルがすでに存在しています。 stackoverflowを黒で、またはページセクション間のスペースを減らして表示しますか?