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
分享到:
相关推荐
此外,还有一些第三方工具如EXTJS Debug Wizard,它可以帮助开发者快速定位EXTJS应用中的错误和性能瓶颈。 总的来说,EXTJS的TabPanel组件是构建复杂Web界面的关键部分,而通过源码学习和使用相关工具,开发者可以...
- ext-all-debug.js: 调试版本,便于调试代码。 - INCLUDE_ORDER.txt: 引用库文件的顺序指南。 - LICENSE.txt: EXTJS的许可证文件。 2. 开发环境准备 在Java、ASP或PHP环境中开发EXTJS应用,通常将EXTJS文件放在已...
`ext-all-debug.js` 和 `ext-all.js`:这两个文件是ExtJS的核心库,分别包含所有组件和功能的未压缩(debug)和压缩版本。未压缩版本对于调试很有用,因为代码中的错误更容易被识别;而压缩版本则用于生产环境,以...
至于提供的文件列表,如`ext-all-dev.js`和`ext-all-debug-w-comments.js`等,这些都是EXTJS库的不同版本。`-dev`和`-debug`后缀通常表示开发版本,包含调试信息和未压缩的代码,方便开发和调试;而`-all`表示包含了...
`ext-all-debug-w-comments.js`, `ext-all-debug.js` 和 `ext-all.js` 是ExtJS的核心库文件,分别代表带有注释的调试版本、调试版本和生产版本。调试版本包含额外的错误检查和日志记录,便于开发过程中定位问题;...
9. `ext-core-debug.js`:未压缩的核心组件版本,便于调试和学习。 在使用EXTJS时,我们需要引入以下文件: - `extjs/resources/css/ext-all.css`:EXTJS的全局CSS样式文件。 - `extjs/adapter/ext/ext-base.js`:...
同时,确保也选择了`ext-all.js`和`ext-all-debug.js`,因为这两个文件对于代码提示是必要的。 - 选择新建的ExtJS Profile,点击"JavaScript Profiles"对话框右侧的"Default"按钮,使它成为默认配置。 - 要设置...
还有`ext-debug.js`,用于开发环境,它包含了额外的调试信息。除此之外,还有CSS样式表和图像资源,用于定义控件的外观和图标。 `examples`目录提供了丰富的示例代码,帮助开发者了解如何使用ExtJS的各种组件和功能...
1. **核心库**:EXTJS的核心库文件(如ext-all.js、ext-all-debug.js),这是EXTJS的基础,包含所有组件、类和功能的实现。 2. **源码文件**:每个EXTJS组件、工具和功能都有对应的源码文件,这些文件以JavaScript...
ExtJS 是一个流行的JavaScript框架,主要用于构建富客户端Web应用程序。它的4.07版本是一个重要的迭代,提供了许多改进和修复,以增强应用的性能和用户体验。"ExtJS 4.07 Build目录"指的是该版本的构建输出,包含了...
1. **源码文件**:JavaScript源码,如`ext-all.js`或`ext-debug.js`,以及CSS样式文件。 2. **资源文件**:图像、图标和其他静态资源,用于构建UI。 3. **示例和模板**:演示EXTJS组件和功能的示例代码,以及基础...
- 其中,`ext-all.js` 是ExtJS的核心文件,而 `ext-debug.js` 是用于开发环境的版本,包含调试信息。 #### 三、基本功能与组件 **3.1 控件** - **窗口(Window)**:用于创建弹出窗口或模态对话框。 - **表格(Grid)...
在生产环境中,通常会使用`ext-debug.js`或`ext.js`,它们不包含未使用的代码,从而减小文件大小。 3. `ext-base.js`: 这个文件是EXTJS 的基础脚本,包含了EXTJS 运行所必需的类和方法。`ext-base.js` 主要负责...
<script type="text/javascript" src="extjs/ext-all-debug.js"> <script type="text/javascript" src="app.js"></script> ``` 2. **编写应用程序代码**:在`app.js`文件中编写ExtJS应用程序代码。 ```...
ExtJS 是一个流行的JavaScript框架,用于构建富客户端Web应用程序。在ExtJS 4.0版本中,引用文件的方式相比之前的版本有所变化,这使得开发者在使用时需要了解这些变动以确保程序正常运行。 首先,ExtJS 4.0 引入了...
同样,ExtJS的库文件(如`ext-all.js`或`ext-debug.js`)也应被正确引入。如果你使用的是CDN,确保网络连接稳定,否则可能会影响应用的正常运行。 **2. 创建CKEditor组件** 在ExtJS中,我们可以创建一个自定义组件...
ExtJS 是一个强大的JavaScript框架,主要用于构建富客户端的Web应用程序。它提供了丰富的组件库和一个MVC(Model-View-Controller)架构,使得开发者能够创建功能丰富的、交互式的用户界面。在ExtJS 6.2版本中,...
EXTJS的调试通常需要参考Debug版本的加载顺序,例如从`ext.jsb`文件分析。在部署时,确保正确引用Release版本的脚本文件,以实现性能优化。 EXTJS的复杂性和强大功能使其在开发复杂的前端应用时具有显著优势,但...
ExtJS 是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序。在ExtJS 3.4.0版本中,它提供了一系列的功能和组件,使得开发者能够创建功能丰富的、交互性强的用户界面。以下是对该版本的一些关键知识点的...
1. **源代码**:EXTJS 的核心库文件,如 `ext-all.js` 或 `ext-debug.js`,它们包含了EXTJS的所有组件和功能。根据项目需求,可以选择不同版本的源码,例如 `ext-all.js` 是压缩后的生产环境版本,而 `ext-debug.js`...