jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)


Posted in Javascript onMay 22, 2010

首先来看下软件的运行界面:
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
左边为HTML的代码,右边为jQuery代码,同时支持代码折叠,语法高亮(但是就是没有代码提示,感觉有点不爽,不过jQuery使用的时间长了基本的熟悉后应该就无所谓了),在编写好后就可以直接按F5就可以查看实际效果,同时可以点击下面的chrome,ff,ie按钮来查看在3个浏览器中的实际效果,如果觉得可以就可以保存成HTML,jQueryPad会自动把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的基本都可以自己定制好模板,这样就可以根据自己的需求来定制模板了(感叹下:模板引擎真是好,以前没怎么用的时候觉得多此一举,现在用了一段时间觉得真不错,大家如果没用过的可以赶快去学习下,不一定要是NVelocity,也可以学习下VS自带的T4)

小贴士:使用这个工具的时候可以使用Ctrl+Tab键来切换HTML和jQuery代码的输入,这样大大加快了编写速度,不用让一只手离开键盘。

下载地址 jQueryPad 小巧的jQuery开发测试工具(支持IE,chrome,FF)

Javascript 相关文章推荐
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
Nov 17 Javascript
Bootstrap的Refresh Icon也spin起来
Jul 13 Javascript
jquery Banner轮播选项卡
Dec 26 Javascript
Bootstrap3下拉菜单的实现
Feb 22 Javascript
ES6中的Promise代码详解
Oct 09 Javascript
基于jQuery实现的设置文本区域的光标位置
Jun 15 jQuery
Windows上node.js的多版本管理工具用法实例分析
Nov 06 Javascript
基于JavaScript实现猜数字游戏代码实例
Jul 30 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 Javascript
在vue中使用vant TreeSelect分类选择组件操作
Nov 02 Javascript
用jQuery打造TabPanel效果代码
May 22 #Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 #Javascript
jquery 多级下拉菜单核心代码
May 21 #Javascript
JQuery 学习技巧总结
May 21 #Javascript
Jquery调用webService远程访问出错的解决方法
May 21 #Javascript
ExtJS 下拉多选框lovcombo
May 19 #Javascript
javascript 得到变量类型的函数
May 19 #Javascript
You might like
德生PL990的分析评价
2021/03/02 无线电
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
js判断浏览器的比较全的代码
2007/02/13 Javascript
jQuery库与其他JS库冲突的解决办法
2010/02/07 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
node.js中的fs.futimesSync方法使用说明
2014/12/17 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
基于jQuery实现动态数字展示效果
2015/08/12 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
详解Vue方法与事件
2017/03/09 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
利用nodeJs anywhere搭建本地服务器环境的方法
2018/05/12 NodeJs
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
一文快速了解JQuery中的AJAX
2019/05/31 jQuery
vue滚动tab跟随切换效果
2020/06/29 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
js实现动态时钟
2020/03/12 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
python实现logistic分类算法代码
2020/02/28 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
Notino芬兰:购买香水和化妆品
2019/04/15 全球购物
澳大利亚宠物食品和用品商店:PETstock
2020/01/02 全球购物
员工教育培训协议书
2014/09/27 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
人事任命通知
2015/04/20 职场文书
医院党建工作总结2015
2015/05/26 职场文书
浅谈redis五大数据结构和使用场景
2021/04/12 Redis
详解GaussDB for MySQL性能优化
2021/05/18 MySQL
python_tkinter事件类型详情
2022/03/20 Python