编辑JavaScript的附加工具 | |||||||
如果在JavaScript预置中选择了项目,当访问一个使用了JavaScript的Web页面时就会弹出JavaScript 控制台窗口。在该窗口中可以观察代码,与运行在浏览器窗口中的JavaScript控制台对话。每个页面有自己的控制台,所以每个页面会弹出各自独立的控制台窗口。 在控制台窗口中可以看到控制台执行的代码。当控制台执行JavaScript代码时,代码在控制台窗口中显示为蓝色,后面跟着结果,黑色的。它适用于<script>段中、事件控制器和javascript:URL中的代码。 如果发生了一个错误,控制台窗口将显示一段错误信息。比如: http://www.wherever.net/something/blah/mypage.html (block 3):2: document.myform.thingy has no properties这段信息描述了代码的位置,以及发生了什么样的错误。在这个例子中错误发生在页面文件http://www.wherever.net/something/blah/mypage.html中,在页面中第三个<script>段上(block 3),并在该段的第2行中。其后则对错误进行了描述。在本例中JavaScript代码试图使用document.myform.thingy物件的一个属性,但是该物件没有任何属性,也许该物件是无效的。 使用控制台窗口中的交互特性可以找到代码中的错误。在控制台窗口的下部有一个文本输入栏,可以在该栏中输入JavaScript代码,单击return键后该代码就会被执行。此段代码仅在相关的页面中执行。执行的代码在控制台窗口中显示为和其它JavaScript代码一样的蓝色,后面跟着结果(黑色的),或者错误(红色的)。比如可以进行下面的简单计算:
或者可以在javaScript代码中进行测试:
或者再增加一些信息:
以上方式非常适用于与JavaScript解析进行交互操作。 请注意,如果关闭了一个Web页面,就会失去对页面的解析。这时针对该页面的控制台窗口也许仍然存在,但是将无法通过它执行任何代码。 在上面的例子中可以发现一些[no result]。它表示没有得到结果。但是“没有得到结果”的值不能通过文字直接表达,所以控制台窗口显示[no result]。其它一些无法直接表达的值,如array和object,将以模拟的方式表达。比如,如果输入doncument,将显示[object Document]。 可以输入更多的JavaScript进行测试。比如,通过输入文档位置来找到文档的URL地址。或者使用object inspector(物件检查),在控制台窗口中输入一段代码,然后单击检查按钮,而不是单击return键或面板中的测试按钮。这一操作与单击测试按钮类似,但如果针对一个物件,则显示物件检查器。
|