やりたいこと
本番環境ドメイン(product.hoge.com)にアクセスしているときだけ、画面の上の方に警告メッセージを出したい。
やったこと
① 拡張機能「ScriptAutoRunner」をインストール。
② 設定画面で以下のスクリプトを設定 (コード中の改行は適宜削除して下さい)
function insertWarning() {
const parts = location.hostname.split(".");
const subdomain = parts.shift();
if (subdomain === 'product') {
warningMessage = document.createElement('div');
warningMessage.setAttribute('class', 'warningMessage')
warningMessage.setAttribute('style','background-color: rgba(230, 20, 20, 0.8);
color: white;
position: fixed;
padding: 4px;
z-index: 999999;
top: 0px; width: 100%;
font-size: larger;
text-align: center;
letter-spacing: 3px;')
warningMessage.innerHTML = '本番環境';
document.body.appendChild(warningMessage);
} else {;
};
};
insertWarning();
③ Target hostname
に product.hoge.com を設定。
④ プラグボタンをクリックして有効化。