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基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
Aug 05 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
Dec 14 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
Vue2.0设置全局样式(less/sass和css)
Nov 18 Javascript
10行代码实现微信小程序滑动tab切换
Dec 28 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 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生成网页快照 不用COM不用扩展.
2010/02/11 PHP
TMDPHP 模板引擎使用教程
2012/03/13 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
PHP中“=&gt;
2019/03/01 PHP
PHP微信网页授权的配置文件操作分析
2019/05/29 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
2013/03/06 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
用node开发并发布一个cli工具的方法步骤
2019/01/03 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
Vue前端判断数据对象是否为空的实例
2020/09/02 Javascript
netbeans7安装python插件的方法图解
2013/12/24 Python
python使用cPickle模块序列化实例
2014/09/25 Python
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
python入门教程之识别验证码
2017/03/04 Python
python中csv文件的若干读写方法小结
2018/07/04 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
Python 爬取淘宝商品信息栏目的实现
2021/02/06 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
一站式跨境收款解决方案:Payoneer(派安盈)
2018/09/06 全球购物
开业庆典邀请函
2014/01/08 职场文书
上班打牌检讨书
2014/02/07 职场文书
cf战队收人口号
2014/06/21 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
会计电算化实训报告
2014/11/04 职场文书
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏