`

extjs debug

 
阅读更多
extjs新引进了bootstrap 可以在其中定义是否debug和用什么文件debug
(function() {
    var scripts = document.getElementsByTagName('script'),
        localhostTests = [
            /^localhost$/,     /*用于匹配以localhost开头的url*/
            /\b(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(:\d{1,5})?\b/ // IP v4
        ],
        host = window.location.hostname,   /*服务器自带的hostname有的是host有的是localhost*/
        isDevelopment = null,
        queryString = window.location.search,
        test, path, i, ln, scriptSrc, match;

    for (i = 0, ln = scripts.length; i < ln; i++) {
        scriptSrc = scripts[i].src;

        match = scriptSrc.match(/bootstrap\.js$/);

        if (match) {
            path = scriptSrc.substring(0, scriptSrc.length - match[0].length);
            break;
        }
    }

    if (queryString.match('(\\?|&)debug') !== null) {
        isDevelopment = true;  /*如果url后缀有'?'+debug则为询问字符串,设isDevelopment为true*/
    }else if (queryString.match('(\\?|&)nodebug') !== null) {
        isDevelopment = false;  /*如果url后缀有'?'+nodebug则为false*/
    }

    if (isDevelopment === null) {
        for (i = 0, ln = localhostTests.length; i < ln; i++) {
            test = localhostTests[i];

            if (host.search(test) !== -1) {
                isDevelopment = true;
                break;
            }
        }
    }

    if (isDevelopment === null && window.location.protocol === 'file:') {
        isDevelopment = true;
    }
/*如果都不符合以上两个判定,且isDevelopment为null或url是由“file:”开头即允许以文件形式打开自动进行debug*/
    document.write('<script type="text/javascript" charset="UTF-8" src="' + 
        path + 'ext-4/ext-all' + (isDevelopment ? '-debug' : '') + '.js"></script>'); /*这里是配置ext-all-debug的路径*/
})();

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


浏览器中的header:
浏览器中的header配置了request和response分别记录了浏览器向服务器发出请求时发出信息的类型,状态及request的方法=>get或post;和服务器向浏览器返回的信息的类型和状态。
如果request是get方法,则可以通过在url后加name=value的方式传递参数,post方法一般在传递信息安全性要求较高或信息量比较大时使用。

示例:
Request URL:http://localhost:8080/ExtjsMVC/account_manager/app/app.js
Request Method:GET
Status Code:304 Not Modified  //静态文件未修改
Request Headersview source
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch  //接受文件类型
Accept-Language:en-US,en;q=0.8
Cache-Control:max-age=0
Connection:keep-alive
Host:localhost:8080
If-Modified-Since:Fri, 03 Jan 2014 02:53:35 GMT
If-None-Match:W/"434-1388717615724"
Referer:http://localhost:8080/ExtjsMVC/account_manager/index.html
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31
Response Headersview source
Date:Fri, 03 Jan 2014 03:02:20 GMT
ETag:W/"434-1388717615724"
Server:Apache-Coyote/1.1   
分享到:
评论

相关推荐

    ext tab

    此外,还有一些第三方工具如EXTJS Debug Wizard,它可以帮助开发者快速定位EXTJS应用中的错误和性能瓶颈。 总的来说,EXTJS的TabPanel组件是构建复杂Web界面的关键部分,而通过源码学习和使用相关工具,开发者可以...

    extjs 3.4 开发前准备

    - ext-all-debug.js: 调试版本,便于调试代码。 - INCLUDE_ORDER.txt: 引用库文件的顺序指南。 - LICENSE.txt: EXTJS的许可证文件。 2. 开发环境准备 在Java、ASP或PHP环境中开发EXTJS应用,通常将EXTJS文件放在已...

    ExtJS2.0教程.chm +Extjs2.2.1压缩包

    `ext-all-debug.js` 和 `ext-all.js`:这两个文件是ExtJS的核心库,分别包含所有组件和功能的未压缩(debug)和压缩版本。未压缩版本对于调试很有用,因为代码中的错误更容易被识别;而压缩版本则用于生产环境,以...

    extjs4 ComboBox 点击下拉框 出现grid效果

    至于提供的文件列表,如`ext-all-dev.js`和`ext-all-debug-w-comments.js`等,这些都是EXTJS库的不同版本。`-dev`和`-debug`后缀通常表示开发版本,包含调试信息和未压缩的代码,方便开发和调试;而`-all`表示包含了...

    extjs 4.0 extjs

    `ext-all-debug-w-comments.js`, `ext-all-debug.js` 和 `ext-all.js` 是ExtJS的核心库文件,分别代表带有注释的调试版本、调试版本和生产版本。调试版本包含额外的错误检查和日志记录,便于开发过程中定位问题;...

    界面框架extjs学习笔记

    9. `ext-core-debug.js`:未压缩的核心组件版本,便于调试和学习。 在使用EXTJS时,我们需要引入以下文件: - `extjs/resources/css/ext-all.css`:EXTJS的全局CSS样式文件。 - `extjs/adapter/ext/ext-base.js`:...

    安装Extjs的插件spket,extjs3.2版.doc

    同时,确保也选择了`ext-all.js`和`ext-all-debug.js`,因为这两个文件对于代码提示是必要的。 - 选择新建的ExtJS Profile,点击"JavaScript Profiles"对话框右侧的"Default"按钮,使它成为默认配置。 - 要设置...

    Extjs4.0开发包

    还有`ext-debug.js`,用于开发环境,它包含了额外的调试信息。除此之外,还有CSS样式表和图像资源,用于定义控件的外观和图标。 `examples`目录提供了丰富的示例代码,帮助开发者了解如何使用ExtJS的各种组件和功能...

    extJs4.0 开发手册源码

    1. **核心库**:EXTJS的核心库文件(如ext-all.js、ext-all-debug.js),这是EXTJS的基础,包含所有组件、类和功能的实现。 2. **源码文件**:每个EXTJS组件、工具和功能都有对应的源码文件,这些文件以JavaScript...

    ExtJS 4.07 Build目录

    ExtJS 是一个流行的JavaScript框架,主要用于构建富客户端Web应用程序。它的4.07版本是一个重要的迭代,提供了许多改进和修复,以增强应用的性能和用户体验。"ExtJS 4.07 Build目录"指的是该版本的构建输出,包含了...

    extjs.zip包

    1. **源码文件**:JavaScript源码,如`ext-all.js`或`ext-debug.js`,以及CSS样式文件。 2. **资源文件**:图像、图标和其他静态资源,用于构建UI。 3. **示例和模板**:演示EXTJS组件和功能的示例代码,以及基础...

    ExtJs教程_完整版

    - 其中,`ext-all.js` 是ExtJS的核心文件,而 `ext-debug.js` 是用于开发环境的版本,包含调试信息。 #### 三、基本功能与组件 **3.1 控件** - **窗口(Window)**:用于创建弹出窗口或模态对话框。 - **表格(Grid)...

    extjs中三个基础包

    在生产环境中,通常会使用`ext-debug.js`或`ext.js`,它们不包含未使用的代码,从而减小文件大小。 3. `ext-base.js`: 这个文件是EXTJS 的基础脚本,包含了EXTJS 运行所必需的类和方法。`ext-base.js` 主要负责...

    ExtJS4之初体验

    &lt;script type="text/javascript" src="extjs/ext-all-debug.js"&gt; &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt; ``` 2. **编写应用程序代码**:在`app.js`文件中编写ExtJS应用程序代码。 ```...

    Extjs4.0需要引用的文件

    ExtJS 是一个流行的JavaScript框架,用于构建富客户端Web应用程序。在ExtJS 4.0版本中,引用文件的方式相比之前的版本有所变化,这使得开发者在使用时需要了解这些变动以确保程序正常运行。 首先,ExtJS 4.0 引入了...

    extjs 嵌入 ckeditor 例子

    同样,ExtJS的库文件(如`ext-all.js`或`ext-debug.js`)也应被正确引入。如果你使用的是CDN,确保网络连接稳定,否则可能会影响应用的正常运行。 **2. 创建CKEditor组件** 在ExtJS中,我们可以创建一个自定义组件...

    Extjs 6.2 主题 triton

    ExtJS 是一个强大的JavaScript框架,主要用于构建富客户端的Web应用程序。它提供了丰富的组件库和一个MVC(Model-View-Controller)架构,使得开发者能够创建功能丰富的、交互式的用户界面。在ExtJS 6.2版本中,...

    EXTJS开发总结.pdf

    EXTJS的调试通常需要参考Debug版本的加载顺序,例如从`ext.jsb`文件分析。在部署时,确保正确引用Release版本的脚本文件,以实现性能优化。 EXTJS的复杂性和强大功能使其在开发复杂的前端应用时具有显著优势,但...

    ExtJS-3.4.0系列 — ExtJS下载使用

    ExtJS 是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序。在ExtJS 3.4.0版本中,它提供了一系列的功能和组件,使得开发者能够创建功能丰富的、交互性强的用户界面。以下是对该版本的一些关键知识点的...

    extjs详细安装包

    1. **源代码**:EXTJS 的核心库文件,如 `ext-all.js` 或 `ext-debug.js`,它们包含了EXTJS的所有组件和功能。根据项目需求,可以选择不同版本的源码,例如 `ext-all.js` 是压缩后的生产环境版本,而 `ext-debug.js`...

Global site tag (gtag.js) - Google Analytics