jQuery Pad 실 용적 인 jQuery 테스트 도구(IE,chrome,FF 지원)

먼저 소프트웨어 의 실행 인 터 페 이 스 를 살 펴 보 겠 습 니 다

왼쪽 은 HTML 코드 이 고 오른쪽 은 jQuery 코드 입 니 다.코드 접 기 를 지원 합 니 다.문법 이 밝 습 니 다.(그러나 코드 알림 이 없어 서 기분 이 좋 지 않 습 니 다.하지만 jQuery 가 사용 하 는 시간 이 길 어 지면 기본적으로 익숙해 지면 괜 찮 을 것 입 니 다.)작성 한 후에 F5 를 누 르 면 실제 효 과 를 볼 수 있 습 니 다.또한 아래 chrome,ff,ie 단 추 를 누 르 면 3 개의 브 라 우 저 에서 의 실제 효 과 를 볼 수 있 습 니 다.가능 하 다 고 생각 되면 HTML 로 저장 할 수 있 습 니 다.jQuery Pad 는 자동 으로 jQuery 코드 와 HTML 코드 를 HTML 로 합 쳐 직접 더 블 클릭 하여 실행 할 수 있 습 니 다.생 성 된 코드 는 다음 과 같 습 니 다


<!-- saved from url=(0014)about:internet --> 
<!-- the comment above allows the embedded browser to load the document without the ActiveX security prompt --> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>jQueryPad Preview</title> 
<script type="text/javascript" src="file:///D:/Documents and Settings/kyo/Local Settings/Application Data/jQueryPad/9bdfde77-f688-4bca-8a6a-aee5635fae9a/Jquery.js"></script> 
<style type="text/css"> 
body 
{ 
font-family: Segoe UI; 
font-size: 10pt; 
background: white; 
} 
</style> 
<script type="text/javascript"> 
$(document).ready( 
function() { 
$("#hello").html("Hello world!"); 
}); 
</script> 
</head> 
<body> 
<div id="hello"> 
</div> 
</body> 
</html>

어떻게 보 입 니까?저 는 일상적인 개발 에서 VS 를 대체 할 수 있 는 도구 라 고 생각 합 니 다.VS 가 너무 커서 평소에 기본 적 인 코드 를 쓰 려 면 이 도 구 를 사용 할 수 있 습 니 다.이 도구 의 하 이 라 이 트 는 템 플 릿 을 지원 하 는 것 입 니 다.(NVelocity 를 사용 합 니 다)프로그램 디 렉 터 리 에 있 는 Templates 를 열 면 JQuery.js 와 Default.vm 이 있 습 니 다.그 중에서 Default.vm 은 실제 HTML 을 생 성 하 는 템 플 릿 입 니 다.이 템 플 릿 은 사용자 가 정의 할 수 있 습 니 다.NVelocity 의 기본 을 사용 하면 스스로 템 플 릿 을 맞 출 수 있 습 니 다.이렇게 하면 자신의 수요 에 따라 템 플 릿 을 맞 출 수 있 습 니 다.VS 자체 T4)팁 도 배 울 수 있 습 니 다.이 도 구 를 사용 할 때 Ctrl+Tab 키 를 사용 하여 HTML 과 jQuery 코드 의 입력 을 전환 할 수 있 습 니 다.이렇게 하면 한 손 으로 키 보드 를 떠 나 지 않 아 도 됩 니 다.다운로드 주소

jQuery Pad 실 용적 인 jQuery 테스트 도구(IE,chrome,FF 지원)

좋은 웹페이지 즐겨찾기