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)

赞 (0)

相关推荐

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

    首先来看下软件的运行界面: 左边为HTML的代码,右边为jQuery代码,同时支持代码折叠,语法高亮(但是就是没有代码提示,感觉有点不爽,不过jQuery使用的时间长了基本的熟悉后应该就无所谓了),在编写好后就可以直接按F5就可以查看实际效果,同时可以点击下面的chrome,ff,ie按钮来查看在3个浏览器中的实际效果,如果觉得可以就可以保存成HTML,jQueryPad会自动把jQuery代码和HTML代码合并成HTML,可以直接双击运行,生成的代码如下: 复制代码 代码如下: <!-- sa

  • 6款经典实用的jQuery小插件及源码(对话框/提示工具等等)

    6款经典实用的jQuery小插件及源码(对话框/提示工具等等)

    jQuery是一款当之无愧的JS开源框架,凭借其小巧实用占领了很大的开发市场,jQuery另外一个优势就是拥有丰富多彩的插件,这些插件可以帮助你简化很多的开发过程.下面介绍的6款实用jQuery小插件及源码,希望大家喜欢. 1.jQuery智能单词提示工具 这是一款可以根据当前输入智能提示单词的插件,效果很棒. 在线演示 /源码下载 2.CSS3实现的Photoshop按钮效果 这是用jQuery和CSS3实现的Photoshop按钮效果. 在线演示 /源码下载 3.jQuery自定义确认对话框

  • 几个比较实用的JavaScript 测试及效验工具

    尽管JavaScript的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器. JSLint JSLint是基于Web的验证JavaScript错误代码的工具.它拥有的功能及特定的设置来使用您的需求,自定义你的验证算法. JsUnit JsUnit是一款在客户端(在浏览时)的单元测试JavaScript框架.对JavaScript而言,JUnit就像是它的一个端口.当然它也可以在多个浏览器.多个机器的不同操作系统中自动运行.它的发展始于2001年1月. J3Un

  • web压力测试工具_动力节点Java 学院整理

    web压力测试工具_动力节点Java 学院整理

    0. Grinder –  Grinder是一个开源的JVM负载测试框架,它通过很多负载注射器来为分布式测试提供了便利. 支持用于执行测试脚本的Jython脚本引擎HTTP测试可通过HTTP代理进行管理.根据项目网站的说法,Grinder的 主要目标用户是"理解他们所测代码的人--Grinder不仅仅是带有一组相关响应时间的'黑盒'测试.由于测试过程可以进行编码--而不是简单地脚本 化,所以程序员能测试应用中内部的各个层次,而不仅仅是通过用户界面测试响应时间. 1. Pylot -Pylot 是

  • 60个很实用的jQuery代码开发技巧收集

    60个很实用的jQuery代码开发技巧收集

    由于内容比较多建议用CTRL+F搜索 偶然在网上看到这些不错的jQuery代码开发技巧.原文收集了30个,另外查找的时候发现了还有20个.加上另外十个实用的jQuery代码片段,共60个代码技巧,收集在一起分享给大家. 1. 创建一个嵌套的过滤器 .filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 2. 重用你的元素查询 var allItems = $("div.item"); var keep

  • PowerShell调用Web测试工具Selenium实例

    什么是Selenium Selenium是一款著名的web应用程序测试工具,它能通过在浏览器中模拟用户的动作来完成测试,其api支持java,c#,python,ruby,php,perl,javascript这些主流编程语言和脚本语言.Selenium还支持IE,火狐,和chrome等主流浏览器. PowerShell 如何直接调用Selenium PowerShell直接调用Selenium,其实类似PowerShell调用C#方法.以IE浏览器为例,至少需要具备两个文件: 1.IEDriv

  • 推荐几款实用的C++ 在线工具

    Wandbox 支持多种编程语言 * 多个编译器版本在线编译运行的网站. 可以在这里做方便.快速地一些小实验.尝试一些编程语言的新特性,比如 C++20. 链接:https://wandbox.org/ Quick C++ Benchmark 可以快速对一些 C++ 代码片段进行 benchmark 并可视化显示出来. 支持多个版本的 clang 和 gcc. 背后用的应该是 google benchmark这个开源库,你也可以在自己的机器上安装这个库. 链接:https://quick-ben

  • Apache自带的ab压力测试工具的实现

    Apache自带的ab压力测试工具的实现

    目录 Apache Bench 简介 ab的原理 ab的安装 参数介绍 ab测试案例 示例2 Apache Bench 简介 Apache Bench 是 Apache 服务器自带的一个web压力测试工具,简称 ab . ab 非常实用,它不仅可以对apache服务器进行网站访问压力测试,也可以对或其它类型的服务器进行压力测试.比如nginx.tomcat.IIS等 ab的原理 ab的原理:ab命令会创建 多个并发 访问线程,模拟 多个访问者 同时对某一 URL地址 进行访问. 它的测试目标是基

  • Mysqlslap MySQL压力测试工具 简单教程

    MySQL从5.1.4版开始带有一个压力测试工具mysqlslap,通过模拟多个并发客户端访问mysql来执行测试,使用起来非常的简单.通过mysqlslap –help可以获得可用的选项,这里列一些主要的参数,更详细的说明参考官方手册. 复制代码 代码如下: –auto-generate-sql, -a 自动生成测试表和数据 –auto-generate-sql-load-type=type 测试语句的类型.取值包括:read,key,write,update和mixed(默认). –numb

  • Linux上下行网速测试工具_speedtest-cli安装使用方法

    Linux上下行网速测试工具_speedtest-cli安装使用方法

    speedtest-cli是Linux下的一个上下行网速测试工具,是一个用Python写的命令行脚本. 电脑测试网速这个功能估计大家都用过,但是服务器需要测试外网的速度相比大家做法各有不同,有的人使用自己的服务器来测试上下行速度,有些通过下载某个网站的资源来测试下行速度,鉴于这些节点比较少,而且测试麻烦,我向大家推荐speedtest-cli. speedtest是一个使用python编写的命令行脚本,通过调用speedtest.net测试上下行的接口来完成速度测试.最后我会测试运维生存时间所在

随机推荐