User Script 사용 (웹 폼에 자동으로 값 셋팅하기 !!)

웹 개발을 하다보면

 

폼에 입력할 값이 너무나 많아서

 

테스트 하는 거 자체가 상당한 시간이 소요되는 경우가 많다.

 

값을 화면에서 일일이 입력 하자니 힘들고

 

그렇다고 소스에다 값을 셋팅하자니 다시 바꿔줘야 하고

 

이럴 때 유용하게 사용할 수 있는 방법을 찾아 내었다.

 

바로 User Script 라는 놈을 이용하는 것이다. !!!

 

자세한 설명은

 

http://mytory.net/archives/2650?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+mytory_tc+%28%EC%9B%B9%EC%9C%BC%EB%A1%9C+%EB%A7%90%ED%95%98%EA%B8%B0%29

 

여기에 잘 나와있고

 

나는 크롬 Extension 인 tamperMonkey를 사용해서 가장 간단한 로그인 화면에 적용해 보았다.

 

보니깐 처음에 해봐도 딱 알 정도로 사용법도 간단하였다.

 

스크립트를 작성하면 되는데

 

/// ==UserScript==
// @name       테스트
// @namespace  스크립트 자체 Name space 선언

// @version    0.1
// @description  @require를 사용해야 jQuery를 사용할 수 있다.
// @match      매핑할 URL

// @require    http://code.jquery.com/jquery-latest.js
// @copyright  Karis kim
// ==/UserScript==
(function(){
    jQuery('#usrId').val("1");
    jQuery('#usrPwd').val("1");
 
})();

값을 주석을 통해서 쉽게 없앨수도 있고 쉽게 바꿀수도 있고

또 하나의 스크립트를 사용해서 여러 사이트에도 사용할 수 있어 매우 편리할거 같았다.

(물론 단지 값 셋팅이 아니라 자바 스크립트로 할 수 있는 모든 기능을 다 할 수 있다.)

 

더구나 테스트를 할 때 노가다가 상당히 줄어들 수가 있을거 같아서

프로젝트를 할 때 효과적으로 사용할 수 있을 것 같았다.