내가 만들지 않은 웹사이트에서 나의 스크립트를 돌려보자. 크롬의 확장프로그램 'Tampermonkey' 라는 프로그램을 사용하면 된다.

Tampermonkey 설치하기

구글 웹 스토어에 들어가서 Tampermonkey 라고 검색한다. 그리고 Chrome에 추가 버튼을 눌러서 설치한다.

웹스토어 tampermonkey 검색

대시보드 열기

크롬 주소표시줄 오른쪽에 Tampermonkey 바로가기 버튼이 생긴다. 클릭한 후 대시보드 메뉴를 선택한다.

tampermonkey 버튼

새 스크립트 추가

우측 상단 + 버튼을 누르면 새 유저 스크립트를 추가할 수 있다.

새 스크립트 추가

새 스크립트

연습 스크립트

아래 스크립트를 에디터에 붙여넣고 저장한다. 그리고 구글에 접속하면 하이 라는 메세지가 나타난다.


// ==UserScript==
// @name         첫 스크립트
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  연습용 첫 스크립트입니다.
// @author       You
// @match        https://www.google.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    alert('하이');
})();

실전

이제 스스로 커스터마이즈 하고 싶은 웹사이트의 나만의 스크립트를 돌려보자!