首页
|
新闻
|
新品
|
文库
|
方案
|
视频
|
下载
|
商城
|
开发板
|
数据中心
|
座谈新版
|
培训
|
工具
|
博客
|
论坛
|
百科
|
GEC
|
活动
|
主题月
|
电子展
注册
登录
论坛
博客
搜索
帮助
导航
默认风格
uchome
discuz6
GreenM
»
MCU 单片机技术
»
PowerPC
» 使用 Ajax Toolkit Framework 开发 Dojo 应用(2)
返回列表
回复
发帖
发新话题
发布投票
发布悬赏
发布辩论
发布活动
发布视频
发布商品
使用 Ajax Toolkit Framework 开发 Dojo 应用(2)
发短消息
加为好友
look_w
当前离线
UID
1066743
帖子
8283
精华
0
积分
4142
阅读权限
90
在线时间
233 小时
注册时间
2017-6-23
最后登录
2019-5-18
论坛元老
UID
1066743
1
#
打印
字体大小:
t
T
look_w
发表于 2018-7-20 08:20
|
只看该作者
使用 Ajax Toolkit Framework 开发 Dojo 应用(2)
使用ATF的DOM Inspector and JavaScript Console我们先来看一下ATF的DOM Inspector提供的功能:
1.当我们在Mozilla中运行我们的dojo应用的时候,我们可以在Eclipse的Workspace右侧看到DOM Inspector,它可以把整个html页面的DOM结构,清晰完整的在里面显示出来。当你点击任何一个标签的时候,其相应的部分就在左侧的页面中以红色边框包围,重复闪烁3次:
在DOM Inspector中,我们可以很方便的扑捉页面的DOM树结构,并可以打开某个节点,浏览其相应的子节点,可以方便定位页面元素。
2.当我们在DOM Inspector中选择一个节点的时候,它所包含的一些属性就在下面的属性-值得列表中显示出来:
这些属性分为3类:
1)盒子模型:里面主要是包含一些有关长宽高的属性。
2)DOM属性 :里面包含的属性是可以做修改的,不同的标签节点,所对应的属性不一样。
3)计算的样式 :主要是一些由CSS定义的值,可以在页面使用的CSS文件中进行修改。
3.我们也可以在内嵌的Mozilla中访问外部的web页面,这时DOM Inspector也会根据加载的页面,做相应的调整,从而显示在Mozilla中当前加载的页面的DOM信息:
在这个页面中,加载的是IBM的官方站点,这时,在DOM Inspector中,也自动显示该IBM首页面的DOM信息。
4.我们可以使用ATF提供的JavaScript Console来扑捉当前Mozilla加载页面所包含的错误,以及这些错误在页面源文件中的行号,我们可以在JavaScript Console中对所提示的信息,根据级别,分别选择All,Errors,Warnings,Messages等,就像我们开发普通的Java程序一样,在下面的Console中提示友好的编辑信息,这样便于我们发现和修改页面中的错误。
5.在XHR Monitor view中我们还可以看到Dojo包加载机制对其页面所加载的JavaScript文件的加载顺序,其实也就是XmlHttpRequest 的监视控制台:
收藏
分享
评分
回复
引用
订阅
TOP
返回列表
电商论坛
Pine A64
资料下载
方案分享
FAQ
行业应用
消费电子
便携式设备
医疗电子
汽车电子
工业控制
热门技术
智能可穿戴
3D打印
智能家居
综合设计
示波器技术
存储器
电子制造
计算机和外设
软件开发
分立器件
传感器技术
无源元件
资料共享
PCB综合技术
综合技术交流
EDA
MCU 单片机技术
ST MCU
Freescale MCU
NXP MCU
新唐 MCU
MIPS
X86
ARM
PowerPC
DSP技术
嵌入式技术
FPGA/CPLD可编程逻辑
模拟电路
数字电路
富士通半导体FRAM 铁电存储器“免费样片”使用心得
电源与功率管理
LED技术
测试测量
通信技术
3G
无线技术
微波在线
综合交流区
职场驿站
活动专区
在线座谈交流区
紧缺人才培训课程交流区
意见和建议