之前下载了ie8用了一下,没有太关注ie8的开发人员工具功能,稍稍试了一下,发现ie8的开发人员工具真是一个好东西。它可以大大提高客户端的开发调试的效率。
我从html元素,css,javascript三个方面阐述一下我使用ie8开发人员工具的情况
1. Html元素,现在使用ie8的开发工具,我们可以任意选中一个html元素,在页面上即时显示出这个元素的轮廓,并可以看到这个元素的子元素到哪儿,更方便的是我们可以直接看到这个元素在浏览器解析中的运行时样式显示情况,更不可思议的是,我们可以在运行时改变启用或者禁用某一部分样式,并看到没有这一部分样式的浏览器显示情况。说了好几个好的功能,你是不是有点不信了,贴图为证:
从上图可以看到我选中了h1标签,然后在页面上就会用篮色框标注H1元素,并且在工具的右半窗口显示H1元素从父元素继承的css样式和其自身的样式;你也可以选择样式旁边的跟踪样式,启用或去掉某条样式的定义,并即时显示样式的呈现效果,这对于我们调整页面的html和css样式是非常方便有效的。
如果你觉得还不够,没关系还有更多的方式可以用,你可以选择开发工具的“查看”和“轮廓”菜单显示页面中的div的布局或者table的单元格,用上“轮廓”菜单的功能,页面是怎么布局的就会一目了然。
2. 我们做web开发的都知道客户端调试很重要的一部分是对javascript的调试。尤其是web2.0,javascript和河蟹一样横行霸道。ie8的javascript调试工具,可以和vs2008的客户端调试功能媲美了,有了ie8我们即时用笔记本也可以轻松的调试任意页面的javascript了,口说无凭,请看图:
在调试工具的左侧选项卡上选择脚本就会看到页面中的脚本,并且我们可以看到页面中引用的所有脚本文件,并随意选择设置断点,在它的右上角还有一个搜索脚本的功能,非常便捷,还能显示所有的断点、局部变量,监视等。可以这么说,用了ie8 web脚本调试不再有问题。
另外ie8的开发工具还可以单独清除某个站点的客户端缓存,可以单独清除某个站点的Cookie。
ie8的开发工具很好用,大家试试吧。
本文参考的站点是:宝宝孕历,一个专注于孕期的网站。
分享到:
相关推荐
3、异步producer、customer,收发消息畅通无阻。 Kafka生产者工具的主要作用是将应用程序产生的数据发送到Kafka集群的主题中。这个过程是异步的,允许应用程序在发送消息后继续执行其他任务。生产者还具有重试和...
jquery库(web开发的好助手,让你在开发中畅通无阻)
Windows7让局域网共享畅通无阻
加速和保护您的互联网。 简单,干净,易于使用,速度超快。 让网络畅通无阻。 收费工具,安装免费,使用收费。 不清楚请联系客服。 支持语言:中文 (简体)
如何填写快递单号,让你的订单畅通无阻! 快递单号转换神器,解决无货源发货难题! 无货源发货不用愁!一键解决单号问题,让你的订单更轻松! 抖店发货失败?试试电子面单,让你的订单更快捷! 无货源发货不用愁!用...
**项目功能介绍:微信小程序基于SSM平台开发的小区服务管理系统** 随着移动互联网的快速发展,小区服务也亟待实现智能化、便捷化。本系统正是基于这一需求,采用SSM(Spring+SpringMVC+MyBatis)框架开发的微信小...
权限管理 5.MySQL客户端工具 第三节 MySQL应用 1.用Perl同MySQL交互 2.Apache、PHP与MySQL的完美组合 第九章 信息交流服务 第一节 即时消息服务 1.认识Jabber 2.安装Jabber服务器 3.配置Jabber服务器 4....
让Win7和WinXP局域网共享资源畅通无阻.pdf
思科公司先进、可靠、灵活的SNA网络解决方案,将有效的支持中行华南所有业务和网点对信息中心主机的访问,帮助中行实现信息化业务和对人员与技术力量的集中管理。同时,数据集中也带来了客户服务水平的提升,在拥有...
现在,好多软件在安装时要输入序列号才能继续,也就是说,你不输入序列号,则“下一步”这个按钮是灰色的,使你无法点击它,现在好了,使用本程序,单击“激活”(如图7),哈哈,你将畅通无阻!利用这个东东,在没有...
公共交通网络中的人员流动预测和畅通无阻的路线规划
思科绘制网络蓝图中行数据畅通无阻.doc
适用人群:开发、测试、运维 文档用途:linux入门学习、命令备忘录、面试复习 学习记录:多动手,多联想,多记录,特别是遇到问题时
强悍的电脑清理清理工具windows,让电脑畅通无阻
2016高考语文攻略在手现代文阅读理解畅通无阻素材
Game Center 提供畅通无阻的游戏,不需要管理员或任何东西即可运行,并且针对低端计算机或笔记本电脑进行了调整。侠盗猎车手、我的世界或许多类型的网页游戏应用程序等内容完全免费下载! 基于JavaScript,...
车联网破茧而出凸显商机 辟蹊径安全行车畅通无阻.pdf
解除网页限制,不得复制,网页内容畅通无阻
3. 校园通知:及时发布校园防疫政策、措施及各类通知公告,确保信息畅通无阻。 4. 在线问诊:提供线上医疗咨询服务,解答师生在疫情期间的健康疑虑,降低交叉感染风险。 5. 预约接种:支持新冠疫苗的预约接种功能,...