완제품

작업을 사보하고 Twitter나 Youtube를 보기 시작하면 멘토가 나타나는 Chrome 확장 기능을 만들었습니다.
(스토어에 공개하지 않았습니다)

※멘토에는 이하의 동영상을 사용하고 있습니다.
htps //w w. 요츠베. 이 m/와 tch? v = 예 ZmY 4 4 bRJc

유사한 작품

진행이 없으면 멘토가 나타나는 ATOM

진행이 없으면 멘토가 나타나는 에디터

사용법

아래에서 git clone 또는 다운로드.
htps : // 기주 b. 코 m / 나 타카 하시 / b ぉ CK 미안해 r

Chrome에서 chrome://extensions/를 열고 오른쪽 상단 스위치에서 개발자 모드를 켠 후 '패키지되지 않은 확장 프로그램 가져오기'에서 이전에 다운로드한 폴더를 선택합니다.

이것으로 완료.

만드는 방법

이쪽을 참고로 했습니다.
Chrome 향상된 콘텐츠 스크립트 정보

액세스가 금지된 URL을 밟았을 때, 멘토의 URL에 날리는 것만의 심플한 사양이 되어 있습니다.

manifest.json

콘텐츠 스크립트 부분만 발췌합니다.matches 에 액세스 금지 대상의 URL 패턴을 쓰고 exclude_globs 에는 예외적으로 권한을 부여하는 URL을 씁니다.

manifest.json

    "content_scripts": [
        {
            "matches": ["https://twitter.com/*",
                        "https://www.youtube.com/*",
                        "https://www.yahoo.co.jp/*"],
            "exclude_globs": ["https://www.youtube.com/watch?v=IZmYn4ObRJc"],
            "match_about_blank": true,
            "js": ["script.js"],
            "run_at": "document_start"
        }
    ]

script.js

멘토 URL 앞으로 날아가기만 하면 됩니다.

script.js

window.location.href = 'https://www.youtube.com/watch?v=IZmYn4ObRJc'

요약

URL 블록계의 확장 기능은 이미 있습니다만, 단지 블록 되는 것보다 멘토에 화가 나는 쪽이 보여지고 있는 감도 있고 동기부여가 오르기 때문에 만들어 보았습니다.

Chrome 확장의 개발은 처음이었지만 의외로 쉽게 만들 수 있었던 것은 놀랐습니다.
잡잡한 제작으로 더 궁리할 것 같은 생각이 듭니다만, 우선 사용할 수 있으므로 용서해 주세요.