ScriptAutoRunner에서 프로덕션 사이트에 경고 메시지

하고 싶은 일

프로덕션 도메인(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 을 설정.
④ 플러그 버튼을 클릭하여 활성화.

설정 예

Reference

이 문제에 관하여(ScriptAutoRunner에서 프로덕션 사이트에 경고 메시지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kei-m/items/a6df67c1ca2405c0c94f

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다