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 相关文章推荐
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
Extjs Ajax 乱码问题解决方案
Apr 15 Javascript
JQuery入门——用one()方法绑定事件处理函数(仅触发一次)
Feb 05 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
详解wepy开发小程序踩过的坑(小结)
May 22 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
vue使用swiper实现中间大两边小的轮播图效果
Nov 24 Javascript
Element-UI+Vue模式使用总结
Jan 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
PHP 危险函数全解析
2009/09/09 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
js+php实现静态页面实时调用用户登陆状态的方法
2015/01/04 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
PHP操作Redis常用命令的实例详解
2020/12/23 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
Bootstrap轮播图的使用和理解4
2016/12/14 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
2018/02/26 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[34:08]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS EG
2018/03/30 DOTA
[54:53]完美世界DOTA2联赛PWL S2 GXR vs PXG 第二场 11.18
2020/11/18 DOTA
python实现的登录和操作开心网脚本分享
2014/07/09 Python
Pytest如何使用skip跳过执行测试
2020/08/13 Python
降低python版本的操作方法
2020/09/11 Python
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
审核会计岗位职责
2013/11/08 职场文书
校园学雷锋活动月总结
2014/03/09 职场文书
商业融资计划书
2014/04/29 职场文书
技术支持岗位职责
2015/02/13 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
MySQL深分页问题解决思路
2022/12/24 MySQL