欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

companion.js与Microsoft Script Debugger结合起来调试ie

shiping1 的头像
(好像是)同时是要打开外部脚本调试程序 比如vs2005等
又好像是 ie中 工具=>选项=>高级里 把禁用脚本调试去掉
companion.js 插件见附件(install-companionjs-v0.5.5.rar)
Microsoft Script Debugger 插件见附件(Microsoft Script Debugger.rar)

J2EE ie插件Companion.JS和debugbar

分类: J2EE 260人阅读 评论(0) 收藏 举报

1.Companion.JS

  Companion.JS,可不是一个js文件,而是一个名字,它是作为ie的插件来安装使用的,而且需要结合Microsoft Script Debugger使用,通过安装这个工具,但页面出现错误时会在左上角弹出一个小错误提示,点击会在IE下面显示出一个错误控制台,就如FF下的firebug控制台一样。错误信息提示很详细。
  具体使用方法为:
  1、先下载Companion.JS安装文件,然后安装。
  2、下载安装Microsoft Script Debugger,如果您的机器已经安装过了就可以免过这一步。
  3、打开IE菜单“工具”--“Internet选项”--“高级”,找到“禁用脚本调试(Internet Explorer)”和“禁用脚本调试(在Internet Explorer之外)”,将两个选项前面的对钩都去掉,然后重启IE。
  4、在Ie中输入:http://www.my-debugbar.com/wiki/uploads/CompanionJS/dummy.htm,然后点击click me链接,如果左上角弹出一个小错误提示或下面控制台出现了错误信息提示,就说明您已经安装成功了。

2.debugbar

DebugBar是功能强的IE插件,类似于Firefox浏览器的一款开发类插件Firebug.从各个不同的角度剖析Web页面内部的细节层面,给Web开发者带来很大的便利.
  目前对于个人用户免费.企业用户收费.
  主要有以下功能:
  1.查看网页DOM树,HTTP(S),网页javascript脚本函数归类展示.效验网页中的框架.网页属性的详细信息
  2.提供网页源码与IE整理后代码的对比.
  3.能在无需改变显示器分辨率的前提下用不同分辨率显示页面.并能对页面进行缩放.
  4.功能对任意位置取色并将HEX码复制到剪贴板中便于保存.
  5.可将当前页面截图通过邮箱发送出去.
  另外同时这安装Ietester和companionjs配合使用将给web开发者带来更高的开发体验.
  官方发布网址:http://www.my-debugbar.com/wiki/

Companion.JS下载地址:http://download.csdn.net/detail/evangel_z/3911296

debugbar下载地址:http://download.csdn.net/detail/evangel_z/3911307
来自 http://blog.csdn.net/evangel_z/article/details/7063978


     脚本调试工具 Microsoft Script Debugger ,配合IE在调Ajax脚本代码时用得到,用 debugger; 设断点。安装后,将Internet 选项->高级->禁用脚本调试(Internet Explorer) 前的“√”去掉。
安装包下载地址:http://files.cnblogs.com/pcjim/Microsoft Script Debugger.rar

20070928205650796.jpg
20070928211705828.jpg


   
    补充:
    新添了一个结合IE7.0 一起使用的例子,测试页面是一个aspx的前台页面,里面含有待测试的javascript。
    1、当待测页面在IE7.0里打开后,点击 “查看->脚本调试程序->打开”,出来如下窗口。

msd1.jpg

 2、选择“Microsoft 脚本调试器的新实例”

msd2.jpg

msd3.jpg

 3、在checkLogin()函数内按F9 设置断点(F8单步执行),点击测试页面上的“登录”按钮则会激活这个断点。在命令窗口中添加对lname.value的监视,因为在用户名没有输的情况下按下了“登录”按钮,所以现在监视下来lname.value(用户名)是空的。如下图所示:

msd4.jpg

msd5.jpg



    附:国外网站上的相关参考资料(Debugging JavaScript in Your Applications)
            http://www.codestore.net/store.nsf/unid/DOMT-5UBUVW

来自 http://www.cnblogs.com/pcjim/archive/2007/09/28/909894.html


普通分类: