javascript常用调试方法

最新推荐文章于 2024-08-21 14:09:37 发布

robinhf

最新推荐文章于 2024-08-21 14:09:37 发布

阅读量1.8k

点赞数

分类专栏： JavaScript 文章标签： javascript mozilla 脚本工具 microsoft office

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

常见的js代码调试

　　这里主要探讨使用浏览器来调试javascript方法，并且仅对于IE。对于Opera7,Mozilla FireFox，
Netscape Navigator等浏览器偶在开发过程中用的很少，没有太多经验。在此就不予探讨。

工具的安装：
　　在安装office2003工具集中有个脚本调试工具叫MSE7，对于office2000及以前的office安装版本
有没有这个MSE7就没有考查。如果你计算机上安装有.net环境，对于以下调试方法同样适用。

　　调试前先打开IE的调试选项,打开IE的工具菜单-->Internet选项-->高级-->浏览选项中，使禁用脚本
调试为非选状态。

A、几个调试方法：
　　1、在代码中用alert的方法。
　　2、在代码中使用debugger 关键字。
　　3、先打开MSE7,使用调试--〉进程--〉附加。然后附加你所选的浏览网页。然后中断这个网页即
　　　可调试。

B、另外使用其他的工具，但对这些工具偶没有怎么用过，只是在网上看到有相关的功能。
   Antechinus    JavaScript Editor
   Developer's JavaScript    Editor
   jsEditor
   MyEclipse JavaScript Editor

C、Instant Source等一些即时的代码查看工具。

Javascript编程环境快速搭建要点

        从来没做过Javascript的东西，这几天因为特别情况，要做一个。本以为很简单，但是写起代码来，才知道不太容易。有以下体会：
1、关于调试工具
    找调试工具费了些功夫。但实际上，我们的系统都带着微软的ScriprDebugger ,只要把IE-〉选项-〉高级-〉禁止脚本调试的勾去掉就可以用。
    另外，office里面有一个更好用的工具，叫做mse, 全称microsoft development enviroment 。但安装比较麻烦，方法是把对office2000进行选择安装，选中office工具里面的“html编辑器”。装好后，还要自己找到mse.exe，才能用。感觉微软好像把这东西藏起来了。
2、关于参考材料
    推荐比着别人的页面改。不清楚了，两本书可以查：《JavaScript And DHTML Cookbook 2003》、《JavaScript The Definitive Guide, 4th Edition》，网上都有下，OReilly 的质量总可以信赖吧。
3、关于跨平台
   netscape 的Javascript与 IE的Jscript 有些不同，需要针对不同的平台作些特别设置。用mozilla有个特别的好处，IE中，document.write()所写的内容是看不到的。在mozilla中，使用右键菜单中的“察看所选部分源代码”就能看到。对于调试document.write()特别有效。mozilla自带有很好的调试工具，可以使用。

调试javascript的好方法

1、从微软网站下载MS Script Debugger并安装，这是下载地址：
http://download.microsoft.com/download/winscript56/install/1.0a/NT45XP/EN-US/scd10en.exe

2、修改IE的设置：
IE的选项-->高级，有两个选项默认是钩选的：
Disable Script Debugging(Internet Explorer)
Disable Script Debugging(Other)
中文可能是“禁用脚本调试”，去掉这两项的钩选。

3、在需要调试的地方加上debugger;例如：

< script language = javascript >
..
debugger ；
..
</ script >

如何在网页中调试JavaScript

如何在网页中调试JavaScript

译者：ego

日期：2004-5-23

说明：译文中提到了一些调试工具，都给出了下载链接，csdn上链接效果不显著，需要鼠标放上去才可见

有许多方式可以调试 JavaScript。我们首先从代码本身讨论一下：

插入 alert 进入代码是最常见的方式，可以提示变量的值、类型，函数参数，对象属性。如果你用分支代码以支持分别做不同的事，你可以使用 confirm 来强制执行指定的分支功能。如果你想能够剪切粘贴结果可使用 prompt。
要想得到更详细的错误报告你可以使用 window.onerror 或 try..catch 语句。这会让代码直接运行，不会因某个错误而终止挂起，从而在代码执行完成后报告出所有的错误。
有些错误在我们不知不觉中进入我们的代码，并且难于发现。我们要严格遵守代码约定，如用分号显式地结束语句而不是用分号插入；总是使用花括号把控制结构括起来如 if, if..else, switch, while, do..while, for, for..in 语句；使用圆括号来表示优先而不是靠运算符本身的优先等组；使用统一的详细的命名规则；使用统一的代码缩进规则让源码更易读；使用显式的类型声明避免自动类型或者采别的方式达到同样效果；对于不同的浏览器有些简便的方式（特别是 ie）,尽量使用符合标准语法的代码……。通过以上方式减少这些难以发现的错误产生。
可以通过 js lint来运行代码，它可以检测某些潜在的错误。

以上是我们通过代码本身做的事。下面我们看看在浏览器中代码的检测

使用多个不同类型的浏览器测试你开发的角本。在windows环境中，至少要用到 ie6w、op7以及moz。在mac机中，要至少用到 saf、op7、ie5m和moz。如果存在代码在一个或多个浏览器中不起作用，要看看换些不同的代码能否解决。如果还不行，就要根据不同浏览器做一个分支执行代码。
在 ie中一定要启用错误报告。如果使用的是 windows，可以利用 Microsoft Script Debugger。如果需跟踪一个错误，你可以利用角本中的 debugger 关键字控制角本在调试模式下执行。推荐主要使用 ie 测试，用 op7 或 moz 来调试。
在 Op7 当中，一定要启用在JavaScript Console 中 JavaScript 错误报告。Op7 的 JavaScript Console 远比 ie 错误报告要好些，拥有更好的代码跟踪功能，更容易看到函数调用来源。并且可以报告出正确的错误行，不同于 iew 。
在 moz 中有很多工具。可利用 Mozilla JavaScript Console，它可以报告错误和警告，并且允许做简单的角本赋值。可以启用严厉警告提示出许多潜在错误位置。可以使用 DOM Inspector 显示 document 树，stylesheets 树，computed styles，JavaScript 对象。可以用 Venkman （Mozilla JavaScript Debugger）获取更高级的 JavaScript 调试工具。可供使用的有 Ian Hickson's JavaScript Evaluation Sidebar 或者 Jesse Ruderman's JavaScript Environment、view scripts bookmarklet、JavaScript Shell 或者 view variables bookmarklet 或者 ViewScripts bookmarklet 。
在 konq 当中，靠自己的力量要更多些，使用一些源代码的技巧。
在 saf 中需要启用隐藏调试菜单（Hiden debug menu），不用在系统控制台显示毫无意义的错误信息，使用 Show DOM Tree 功能会更有用。如果你启用了显示调试菜单，Safari不运行，在终端使用下面的命令：
代码:
```
defaults write com.apple.Safari IncludeDebugMenu 1
```

断点调试script脚本程序

如果想断点调试script脚本程序，前题是要先安装vs.net。

在B/S应用开发中，脚本可以提高程序与客户的交互能力、降低客户端与服务的数据传输。但是大多数B/S开发人员还是趋向于避免写客户端脚本或只用脚本完成一些简单的验证功能，造成这种状况有很多原因，但是脚本程序难以调试是其中的主要原因。下面的操作步骤详细描述了怎样利用vs.net中的调试器来调试javascript：

1，首先，要让你的ie允许调试脚本，具体步骤如下：

打开ie->工具菜单->inter选项->高级选项卡->去掉“禁止脚本调试"选项

2，打开vs.net,打开要调试的脚本文件，设置好段点。

3，在IE中运行你要调试的页面，出现页面后，点查看菜单->脚本调试程序->打开。如下图：

4，打开后将弹出实时调试窗口，选择可用的调试器。

5，选择调试器后，点“是”按钮后，将弹出附加到进程的窗口，如下图。选择你要调试的程序类型，在这里因为我们要调试的是script脚本程序，所以选择script项。确定后，将会自动进入vs.net编辑器中。

6，vs.net会自动打开你当前要调试的html运行文件,在该文件的脚本中设置断点。如果想在页面包含的脚本文件中设置断点，可以在vs.net中选择调试菜单->窗口->运行文档来打开所有包含的脚本文件。

7，设置断点后，再转到IE中，涮新页面，系统会自动进入到vs.net编辑器。当脚本运行到断点时，就可以进行调试了.如果你想在页面开始装载时就进入调试状态，可以按F10(逐过程)进行调试

robinhf

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript常用调试方法

function StorePage(){d=document;t=d.selection?(d.selection.type!=None?d.selection.createRange().text:):(d.getSelection?d.getSelection():);void(keyit=window.open(http://www.365key.com/storeit.
复制链接

扫一扫

专栏目录