开拓工具面板说明

控制台的运用

这个是Javascript的圣经了,非常厚,内容非常过细,提倡当成工具书用.

Console控制台这也是你学习Javascript及框架应该用的最多的服从,下文过细引见.

但为了提高学习和开拓的听从,提倡运用Chrome阅读器或Firefox阅读器+firebug插件.学会了调试学习javascript基本就像顺手推舟一样庞大了.

图书举荐

A8体育时掀开控制台,边看文档边在控制台运转文档里的示例.

A8体育官网

译者水平有限,假设不明白的地方可辞官方参考英文文档,不要坚持英文.

此服从在开拓中非常无效,常用来分析ajax央求与照应可否一至.

很薄,花几天时间就能看完,入门举荐.

图片已可标明通通,我也不再担负.

有两种常方法

控制台可以打印出javascript错误信息,也可以直接在里面运转javascript代码,代码的运转状况为javascript的全局状况.

A8体育的提倡

下面有将用Chrome做个庞大调试说明.

打印Mootools的Browser东西,打印一个变量有两种方法:运用阅读器的原生方法console.log(变量名),另直接输入变量名.第二种较笨重,以是我们下文全部运用第二种办法.

Sources资源选项,可以反省此文档下的统统资源,如html文件,css文件,javascript文件,图片等.

设置或修正一个变量

按F12(Windows).

可以在控制台访问到全局变量,这一点对学习Mootools和javascript很无效.以下将截图引见(引站点以是页面已引入Mootools框架).

本文档为Mootools1.4.5官方翻译文档,Mootools对大部分阅读器原生东西做了扩展,以是运用Mootools与运用原生javascript东西相似,下面说下javascript/mootools的庞大学习调试方法:

A8体育看的元素上右键->查察元素,然后查察元素在开拓工具中高亮体现,如下图:

另外服从自己去探求.

Elements树形展示DOM文档结构.

Network反省此页面内的统统http央求(注:必须先掀开开拓工具本领看到央求,假设文档加载完成后才掀开开拓工具请改造页面)

学习及调试方法

从上图可以明确的看出Browser东西中有哪些东西,以是框架的有些用法不用看文档,打印一下东西信息基本就了解怎样用了.

javascript及其框架的学习还是比较庞大的,不用配置状况,有个阅读器就能写javascript代码.

A8体育工具