ExtJS 4.x开发之准备浏览器

最新推荐文章于 2013-08-29 09:14:24 发布

包包_安安

最新推荐文章于 2013-08-29 09:14:24 发布

阅读量2.3k

点赞数 1

分类专栏： extjs

本文链接：https://blog.csdn.net/yunji3344/article/details/8435226

版权

extjs 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

1.要求：

1.1 浏览器：

extjs 4 支持所有的主流浏览器，从微软的ie6到最新版的google chrome都是支持的。作为开发者，在开发期间我们需要选择其中一个作为调试工具，一般我们选择以下三种方案之一：

1）GoogleChrome 10+

2）AppleSafari 5+

3）Mozilla Firefox 4+ 结合 Firebug Web Development Plugin

这里笔者建议使用最新版google的chrome浏览器，当前版本是。如果没有可以到网上下载一个。接下来我们来简单的讲解以下chrome的使用

1）创建测试文件，在磁盘的任意位置创建一个index.html文件，用记事本打开，输入以下内容用于测试

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test chrome</title>
    <script type="text/javascript">
		var i = 1;
		j = i+100;
		str = "chrome";
		alert(str+j);
	</script>
</head>
<body></body>
</html>

保存，然后用我们安装的chrome浏览器打开，效果如下图所示

2）打开chrome的开发人员工具，点击浏览器右上角的扳手图标--》工具--》开发者工具，如下图

或者直接按下F12也可以打开。

首先我们介绍console，在console视图中可以直接输入代码执行，例如我们之前的j应该是等于101，我们可以在控制台输入j;控制台将会输出101；我们输入x=100+21;alert(x);可以得到如下图结果。灰常强大...

同样，如果我们的网页中如果有错误，那么错误日志也将会在这里打印。

例如我们改一下index.html的代码，改成如下

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test chrome</title>
    <script type="text/javascript">
		var i = 1;
		j = i+100+w;
		str = "chrome";
		alert(str+j);
	</script>
</head>
<body></body>
</html>

保存，然后刷新一下网页，可以看到控制台输出了错误日志