• Aptana :调试 javascript 图解


    前期工作


    1.  你必须安装firefox浏览器;
    参见:http://www.aptana.com/docs/index.php/Installing_the_JavaScript_debugger

    前提是安装 Firebug 插件 和aptanadebugger 插件,他们的下载地址如下:

    http://getfirebug.com/releases/firebug/1.2/firebug-1.2.0.xpi

    http://firefox.aptana.com/update/aptanadebugger.xpi

    IE Debugger

    参见 :http://www.aptana.com/docs/index.php/Installing_the_IE_debugger

    开始调试:
    选择你所需要的调试的html文件,右键点击"Debug As" 下的 “Debug...” ,其中左侧菜单中要选用 “Web Browser”,右侧的"Main" 选项卡中的 "Browser executable"中一定要填写正确的firefox.exe文件的路径,其他的默认即可,如下图:

    点击 “Debug” 按钮(快捷键F11 )进入调试视图,(aptana 同时会打开firefox浏览器),如下图:

    另外:

    如果运行debug没有相应,可以右键点击“Relaunch” 在试,

    有的时候在Debug选项面板中没有 "Web Browser" 菜单 只有 “Remote JS” 菜单,
    解决办法如下:

    “Window” -> "Preferences" -> "Run/Debug" -> Launching -> Launch Configuration

    将右侧 "Web Browser" 中的勾去掉。

    接下来通过调试来展示Aptana Debug的各个功能 如图:

    添加断点【双击行号, 删除也一样双击】
    仔细看下firefox右下角图标Aptanadebugger 和Firebug 图标都亮了起来,及网页状态   回到Aptana, 可以看到 如图


    Ps : 初次 aptana的使用, F5 进入下一步调试,F6  F7等调试中的快捷键,可以查看帮助 help->key assist

    规范地编辑和调试js ,可以提高个人工作效率哦。。

  • 相关阅读:
    js_sl 分享
    js_sl 延迟菜单
    jszs 历史管理
    jszs 对象引用
    jszs 快速排序
    jszs 枚举算法
    dom cookie记录用户名
    dom 拖拽回放
    dom div重合提示
    dom 输入文字模拟滚动
  • 原文地址:https://www.cnblogs.com/Fooo/p/1658514.html
Copyright © 2020-2023  润新知