`
jsczxy2
  • 浏览: 1275294 次
  • 性别: Icon_minigender_1
  • 来自: 常州
文章分类
社区版块
存档分类
最新评论

引用一下:EXT调试功能

    博客分类:
  • ext
阅读更多

在ExtJS开发过程中,经常会遇到怎么也找不到错误的时候,这时候就非常的头疼,好多人学ExtJS估计多没听说过它有调试功能的,真正用了之后你就会发现时多么的好用,具体怎么才能添加上调试功能,我且慢慢来跟你说步骤:

第一步:在ExtJS下载的资源包中,找到debug.js,将JS文件导入实际要运行的HTML或者JSP页面上

第二步:在有关JS文件代码中嵌入Ext.log('自定义调试信息'),如Ext.log('执行了xxx操作')等

第三步:运行网页吧,奇迹出现了,凡是你添加Ext.log信息的页面展现出来的页面下方都带有一个EXT自动生成的CONSOLE控制台,比较像MyEclipse的CONSOLE,CONSOLE里面显示的就是你执行的信息了

其实还有一点也非常有用,就是CONSOLE靠右边的地方有个小窗口,只要我们输入一些EXT执行代码如:Ext.getCmp('').getValue(),然后点击run按钮,左边会立即生成你查询的结果,前提是你的EXT代码要正确哦。

-------------------------------------------------------------

最后提一下使用firebug调试最为方便:

使用方式是在js中加入console.log(data);打开控制台后就可以看到参数值了,很有用的!!!

分享到:
评论

相关推荐

    ext-2.0.2资源包

    要使用"ext-2.0.2"资源包,开发者通常需要下载并解压文件,然后在HTML文件中引用EXT的相关库文件,如`ext-all.js`或`ext-all-debug.js`(根据是否需要调试信息选择)。接着,编写JavaScript代码来配置和实例化EXT...

    ext.net帮助文件

    7. **动态链接库(DLL)**:EXT.NET的动态链接库包含所有必要的服务器端组件和功能,开发者可以在.NET环境中方便地引用和使用。 在EXT.NET帮助文件中,你可以找到以下关键内容: - **入门指南**:介绍如何设置开发...

    ext 源码api 开发文档

    5. **核心库**:`ext-core.js`是EXT的核心库,包含了EXT的基础功能,比如DOM操作和事件处理。`ext-core-debug.js`与`ext-core.js`类似,只是包含了调试信息。 6. **其他文件**:`license.txt`包含了EXT的许可协议,...

    EXT2.2开发环境

    你需要下载EXT2.2的官方发布包,并将其放在Web服务器的适当目录下,以便在网页中引用。 4. **HTML页面**:创建一个基础的HTML页面作为应用的入口,引入EXT2.2库文件以及必要的CSS和脚本。确保正确设置DOCTYPE以启用...

    Ext培训教程(公司内部培训资料)

    1. **API参考手册**:EXT提供了详尽的API文档,帮助开发者了解每个组件、方法和配置项的功能和用法。 2. **示例程序**:EXT附带了大量实例,覆盖了12个类别近100个示例,帮助开发者快速掌握EXT的应用。 3. **开发包*...

    Ext.Net的DLL文件

    这些DLL文件是.NET Framework应用程序可引用的组件,包含了Ext.Net框架的核心功能和类库,允许开发者在ASP.NET Web Forms项目中直接使用Ext.Net的API。 描述中的"Ext.Net.WebForms4.3.0.zip"表示这是一个特定版本的...

    Ext JS 4.0编码规范

    - `/dir/to/js/extjs/ext-4.0.x/ext-all-debug.js`:压缩版 Ext JS 库,适用于开发调试阶段。 - `/dir/to/js/extjs/ext-4.0.x/ext-all.js`:压缩版 Ext JS 库,适用于生产环境,建议使用 JSBuilder 进行自定义打包...

    Ext 2 API Documentation

    EXT 2 API文档涵盖了这个文件系统的核心功能,包括文件和目录的操作、磁盘管理、元数据处理等方面的知识。 EXT 2文件系统的核心特性包括: 1. **文件分配机制**:EXT 2使用inode(索引节点)来存储文件的元数据,...

    Ext JS下载及配置

    - **pkgs**: 打包了 Ext JS 各部分的功能模块,方便按需加载。 - **resources**: 包含 Ext JS 使用的所有图片文件和 CSS 样式表文件。 - **src**: 未压缩的源代码目录,便于开发者进行调试和修改。 - **...

    EXT文档 不下后悔.doc

    - `ext-all-debug.js`:未压缩的EXT完整库,用于开发和调试,便于理解代码逻辑。 - `ext-core.js`:EXT的核心组件,包含了`sources/core`下的所有类。 - `ext-core-debug.js`:未压缩的EXT核心组件,同样用于调试...

    ext2fsck:ext2 文件系统检查器

    **一、ext2fsck 的功能** `ext2fsck` 主要负责以下几项任务: 1. **检测错误**:它会扫描文件系统的超级块、块组控制信息、inode表以及目录结构,寻找可能存在的错误。 2. **修复错误**:一旦检测到错误,`ext2...

    EXT 提示 myeclipse中提示ext的api

    EXT是一个流行的JavaScript库,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括数据网格...理解EXT API的工作原理并掌握相应的调试技巧,可以帮助开发者更好地在MyEclipse中构建和维护EXT应用程序。

    Ext .net控件

    通过将Ext JS的功能集成到.NET控件中,开发人员可以利用.NET的强大后端功能和Ext JS的前端用户界面组件,实现高效的开发流程。 1. **什么是Ext JS?** Ext JS是一个开源的JavaScript库,专门用于构建富互联网应用...

    简单介绍Ext 2.0

    `Ext.Element`是Ext 2.0的核心功能之一,提供了对DOM元素的强大操作能力。通过`Ext.Element`,开发者可以轻松获取DOM元素,并对其执行一系列操作。 ##### 1. 通过ID获取元素 ```javascript var myDiv = Ext.get('...

    EXT_IDE环境代码查看补丁

    2. **调试支持**:补丁增强了调试功能,可以在代码查看器中设置断点,实时查看变量状态,追踪执行流程,极大地简化了调试过程。 3. **代码导航**:补丁提供了更强大的代码导航工具,可以快速跳转到函数定义或引用,...

    ext builder

    Ext JS是一个广泛使用的JavaScript库,它提供了丰富的用户界面组件和强大的数据管理功能,用于构建桌面级的Web应用。EXT Builder则是这个框架的一个配套开发工具,它简化了构建、调试和优化Ext JS应用的过程。 在...

    ext TREE

    开发者可以查看这些文件来学习EXT JS Tree的工作机制,或者直接引用它们在自己的项目中使用Tree组件。 在实际应用中,EXT JS Tree组件的使用步骤通常包括以下几个方面: 1. 引入EXT JS库:在HTML文件中添加EXT JS...

    3------通过实例学习------Ext.js------.docx

    首先,让我们看一下解压后的Ext.js文件结构: 1. **builds**:这个目录包含了经过压缩和优化的Ext.js代码,目的是减小文件大小,提高网页加载速度,适用于生产环境。 2. **docs**:这里是Ext.js的开发文档,包含了...

    Ext包和extjs在Eclipse配置资料

    EXTJS在Eclipse中的配置涉及到Web开发环境的搭建,因此理解Eclipse的项目结构、静态资源的引用以及JavaScript的开发调试工具是非常重要的。同时,EXTJS的学习也需要掌握其组件体系、数据绑定和事件处理机制,这些都...

Global site tag (gtag.js) - Google Analytics