WebUper官博
一个web开发者强大的工具
WebUper功能说明(内部开发工具)
2015-07-28 16:50:09   阅读3316次

本软件是针对web开发者开发的一款利器。本软件是内部开发功能,请勿扩散!联系Q43112523

下载地址:WebUper-web开发工具超强集合.zip

  1. 查看http通信数据

  2. 将服务器请求重定向到本地文件

  3. 将web应用缓存成离线包

  4. 自动实时js解压缩


查看http通信数据

配置好WebUper之后,就可以使用它来监控WebUper请求了。如图:

blob.png

在某一条请求里面右击,可以看到【复制URL】,【数据替换】,【查看数据体】,【保存相应体】等选项,如图:

blob.png

复制url:顾名思义,就是防止当前选中的请求的完整url地址。

数据替换:就是将此url重定向到本地文件,例如我们调试服务器WEB应用时,需要修改一个js文件,我们可以先将js文件保存到本地,然后将此url重定向到本地的js,这样我们在本地修改的js,在打开服务器web网页的时候,就是实时生效的。

查看数据体:就是查看当前选中请求的发送数据和接受数据,包括HTTP协议里面的头部分,如下图:

blob.png

保存响应体:就是将本地请求的响应体另存为一个文件,如果是GZIP压缩,会自动解压缩保存。


将服务器请求重定向到本地文件

有时候,我们需要调试和修改远程服务器(或电脑)上面的web应用。并且项目已经上线,如果茫然的去直接修改服务器代码,出现bug,会导致其他正常用户收到影响,这时候,我们可以借助此功能,将本地想服务器请求的url重定向到本地文件,这样我们直接修改本地文件,刷新服务器网页,就跟直接在服务器上修改一模一样。最重要的是他不是直接修改的服务器代码,因此不会影响服务器应用的稳定性。操作界面如图:

blob.png

启用功能之后,可以在左侧的监听列表中选择一个请求,然后添加到替换列表,从最下面的目的URL中选择一个本地文件,然后点击生效即可。替换可以支持任意多个组,也可以任意的启用或者禁用某一个(或多个)替换。这样我们就可以轻松的调试服务器代码,等我们将重定向到本地的代码调试的一点问题都没有了,直接扔到服务器上替换源文件,就会给你调试后的效果一样,安全稳定方便!


将web应用缓存成离线包

    有的时候,因为网速太慢,我们调试一个网页,每次刷新都要等很长时间;

    有的时候,我们调试的是局域网同时机器上的web项目,我们每次调试的时候,他都不能关闭web项目,但是同时修改了代码非要重启,这时候我们只有等待重启才能继续调试;

    有的时候,我们web应用后台使用的是java,或者.net,或者其他的容器。但是我仅仅是想调整一个网页文字的样式,或者仅仅是调试一个js,我们不得不去开启庞大的、占用很多内存和cpu的后台。最可怕的是,我并没有web运行的后台环境,我不想安装Oracle~~~~~

    有的时候,同时出差在外,遇到一个网页bug,又解决不了。同时他的web应用又不是运行在外网,我们无法直接打开他的web应用,这时候,我们不得不用远程软件(例如QQ远程)去连接他的电脑,然后在她电脑上调试,同时他的电脑还不能进行其他开发操作。遇到网速慢的时候,卡的心情都没有了。


WebUper,以上文件全部解决,而且不仅仅解决以上问题!

这就是我们要说的WebUper缓存方案,如图:

blob.png

我们可以将一个网页,甚至整个web应用缓存到一个方案包里面,这样我们下次打开的时候,网页会直接从缓存方案包中打开,而无需从web应用服务器上请求,这样就解决了网速慢的问题,同时,我也可以将同时的web应用进行缓存,下次打开就不会再去同时的电脑上请求web数据。哪怕同时的电脑下班关机,我都能正常原声原味的打开web应用。


同时,缓存方案是可以导入导出的。因此我们在本地生产的缓存方案包,就可以发送给其他的同事,其他同事在自己的电脑上将方案包导入,就可以在他本地电脑上打开我们这里的网页。


使用方法:

1添加方案

    WebUper必须保持监听状态,然后点击【添加方案】按钮如图:

    blob.png


    此时,我们刷新web应用,软件将会记录你点击【结束操作】之前的所有请求,你可以在一个网页完全打开之后点击【结束请求】,也可以不断的浏览整个web应用。全部浏览完成之后,再点击【结束操作】。点击【结束操作】之前,我们可以给我们的一个方案指定名字和描述,描述里面可以说明一下操作方法和出现的bug。这两个信息,在方案导出的时候,会一并导出。

    生成方案已经完成,此时在缓存方案列表中,就会出现我们刚才创建的方案,如图:

    blob.png

    选中刚才的方案,点击【提取URL】按钮,我们就会看到当前方案包里面缓存的所有url地址。如图

    blob.png

    此时我们可以根据上面的两个过滤条件来快速定位url,如图:

    blob.png

    或者如图:

    blob.png

    

我们在创建方案的时候,记录的描述,可以在选中方案,然后点击【提取描述】里面再次的看到我们曾经记录的描述,如图:

    blob.png

    同时,我们也可以任意的修改描述,点击下面的【写入描述】,就会将修改后的描述重新写入对应的方案包。

实时解压缩网页中出现的min.js

我们打开的网页中,有些为了不让浏览者看到一些代码,或者为了节省带宽,就会将javascript文件压缩,去掉注释和格式,压缩成一行。但是对于我们web开发人员来说,想要调试被压缩过的js文件,是非常困难的。因此这个功能,就可以完全的解决这个困难。如图:

blob.png

在被压缩过的条目上,右击,会出现格式化js的选项,选择他,就会在右侧格式选项卡中新建一个格式化规则。点击生效,下次请求,就会自动的被格式化。这样浏览器中得到的js,就是解压缩的,带有格式的了。同时在选项卡的最下面,还提供静态功能,我们可以针对本地电脑上的文件来解压缩。效率是杠杠哒!


以上方案包,可以解决了我们因为网速太慢,后台环境复杂,远程调试繁琐等问题。



Webuper不仅仅局限于以上功能,我们还可以将web应用缓存成方案包,然后存储备份起来。或者产品竞标演示的时候,我们不需要启动后台,只需要打开缓存的web应用即可~或者。。。一切美好的想象!



WebUper宗旨:

    1.让我们更快速的、出色的完成任务!

    2.让我们在开发过程中提高团队效率,推进项目进度!

    3.让我们不会因为繁琐复杂的外界因素,影响我们每天的心情!

    4.让我们领导,更快速的完美展示竞标产品,赢得项目。

    5.让我们异地开发,变得更简单。




-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
1楼:C0618 发表于 2015-09-25 09:49:19
工具很好。 我是来提点意见的: 一、chrome版扩展在关闭了程序端后,浏览器就不能访问网络了,好像报找不到代理的错误。为解决这问题我得进扩展工具里,把扩展禁用了。下次再用时又得进扩展启用。能否点在扩展的菜单里加个暂停使用的选项? 二、查看数据体的内容出现乱码,还有就是编码方式有时会识别错误(识别为1),能否手动切换显示的编码?如浏览器的切换编码那样类似的功能。
2楼:C0618 发表于 2015-09-25 09:49:58
【评论内容限200字得分2次】三、开了Chrome,开了应用程序,直接点击启动监听,会监听不到数据,需要先手动设置一下Chrome的端口号,即使两边的端口号都是默认的8888,但好像chrome插件的端口号不能记录,每次重开都得重设。 四、我在这里新下载的软件包,第一次运行就告诉我有新版本需要更新。。。。 祝 越做越完美。
3楼:太空守望者 发表于 2016-01-13 17:38:16
这里的版本,不一定是最新的,如果有提示更新,请更新到最新。还有的是chrome的代理的问题,你可以点击取消,恢复到默认。不过最新版的,已经不需要插件了,已经很完美的从系统支持代理了。
4楼:110 发表于 2016-04-11 15:17:26
[此评论已被删除]
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航