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 相关文章推荐
google 搜索框添加关键字实现代码
Apr 24 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
一个Action如何调用两个不同的方法
May 22 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
Javascript闭包(Closure)详解
May 05 Javascript
JavaScript中标识符提升问题
Jun 11 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
JS模仿手机端九宫格登录功能实现代码
Apr 28 Javascript
动态的9*9乘法表效果的实现代码
May 16 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
深入解读Node.js中的koa源码
Jun 17 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
新版PHP极大的增强功能和性能
2006/10/09 PHP
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
JavaScript中判断两个字符串是否相等的方法
2015/07/07 Javascript
javascript跨域方法、原理以及出现问题解决方法(详解)
2015/08/06 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
2015/09/14 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
vue实现搜索过滤效果
2019/05/28 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
2020/05/09 Javascript
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
Django csrf 验证问题的实现
2018/10/09 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
解决pycharm导入本地py文件时,模块下方出现红色波浪线的问题
2020/06/01 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
在Pytorch中使用Mask R-CNN进行实例分割操作
2020/06/24 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
材料加工硕士生求职信
2013/10/10 职场文书
父母对孩子说的话
2014/04/12 职场文书
融资合作协议书范本
2014/10/17 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
给病人的慰问信
2015/03/23 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
消防隐患整改通知书
2015/04/22 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
美容院员工规章制度
2015/08/05 职场文书
尊师重教主题班会
2015/08/14 职场文书
社会实践心得体会范文
2016/01/14 职场文书
创业计划书之牛肉汤快餐店
2019/10/08 职场文书