您的位置:寻梦网首页实用电脑技巧Dreamweaver专题>DW4 入门教程-CODE参考(2)

DW4 入门教程-CODE参考(2)
作者:acome  来源:LoadSkill.com

JAVASCRIPT DEBUGGER

  DREAMWEAVER JAVASCRIPT DEBUGGER让你能在NETSCAPE和IE里看到JAVASCRTPT的执行,帮助你在每个浏览根据里理解JAVASCRIPT。DREAMWEAVER 4里的DEBUGGER BEAT 2的版本只支持在PC下运行的IE 5以上和NETSCAPE 4.7以上版本和在MAC下NETSXAPE 4以上版本。但是对于MAC下的IE是不支持的,这是因为浏览器的限制。

  设置一个断裂点

  断裂点是在浏览器里当执行JAVASCRIPT的时候和在打开DREAMWEAVER JAVASCRIPT DEBEGGER时暂停使用的。
  在DREAMWEAVER里设置一个断裂点

  1. 在03_Code_Jsdebugger文件夹里打开DEBUGGER.HTML。
  2. 确定你是在CODE VIEW状态。
  3. 把光标定在第26行,从CODE NAVIGATION TOOLBAR菜单里选择设置断裂点。

当在浏览器里浏览页面设置一个断裂点是为了估计JAVASCRIPT

在浏览器里调试CLIENT-SIDE JAVASCRIPT

  Dreamweaver 允许你在浏览器里看见CODE的执行,并可以暂停它。CODE可以在任何时间估计服务器端的JAVASCRIPT数值或者物体。

  开始使用DREAMWEAVER JAVASCRIPT DEBUGGER:

  1. 确定DEBUGGER。HTML文件是打开的。
  2. 启动DREAMWEAVER DEBUGGER,在工具菜单的PREVIEW/DEBUG里的DEBUGGER部分在中选择一个浏览器。
  3. 在浏览器警告对话框里点击OK,开始启动DREAMWEAVER JAVASCRIPT DEBUGGER。


  4. 当DEBUGGER窗口显示时,选择RUN TOOLBAR选项。这将会开始启动CODE的执行并在浏览器里显示文档。

进入JAVASCRIPT CODE

  JavaScript Debugger 窗口允许你同时进入服务器端的JAVASCRIPT

  在JAVASCRIPT里进入FUNCTION

  1. 确定浏览器正在运行,鼠标在导航按钮上。JAVASCRIPT DEBUGGER将会聚焦。CODE将在第8行的断裂点暂停。
  2. 选择Step Into toolbar option 或按 F10。
  3. 黄色的箭头将导航至the MM_findObj() function。
  4. 选择 Step Out function 回到 MM_swapImage() function。


查看变量

  The Dreamweaver JavaScript Debugger 允许你在CODE在执行的是时候即时查看变量的数值

  在浏览器里查看定义好的变量:
  1. 确定浏览器正在运行并且 JavaScript Debugger暂停在第26行的断裂点。
  2. 在DEBUGGER窗口的下半部分选择plus (+) toolbar 选项。
  3. 键入文档并选择输入。
  4. 使用浏览器的文档物件来扩展文档内码展现整个系列的变量。这个列表将根据浏览器的处理的文档变的不同。
  

  清除所有的断裂点

  当你已经在文档里完成了才处理,选择Remove All Breakpoints 图标.

  在页面里清除所有的断裂点:
  1. 确定浏览器正在运行, JavaScript Debugger 是可见的。
  2. 在DEBUGGER窗口选择 Remove All Breakpoints 选项。
  

本文由LoadSkill Web Team提供