谷歌Chrome Dev Tools 浅析 – 成为更高效的 Developer

谷歌Chrome Dev Tools 浅析 – 成为更高效的 Developer


2024年4月16日发(作者:oppo手机报价及型号图片大全)

谷歌 Chrome Dev Tools 浅析 – 成为更高效的 Developer

Google Chrome在招来了FireFox,FireBug的项目组领导人John J. Barton后,

Chrome Dev Tools也变的越来越好用,越来越方便了。本文根据Google I/O上对

Chrome Dev Tools的介绍,和相关PPT: 整理而来。(参照的Chrome版本为:

19.0.1084.52)

实时CSS Style编辑

选择一个Dom,可以对Dom进行编辑和操作,实时修改Css Style, 同时CssStyle可以

保存变更历史版本。

保存变更历史版本:

:|

同时支持可以在Chrome 载入的Css文件正文中自由的修改。

网络交互

当一个页面载入时,所有发出的请求可以在“Network”里监听到,同时下面

有”All”, “Documents”, ”Stylesheets”, “Images”, “Scripts”,

“XHR”(XMLHttpRequst), WebSockets, Other, 这几个分类,可以清晰的把网络请求进

行分类,同时可以看到每个请求的详细情况。

:|


发布者:admin,转转请注明出处:http://www.yc00.com/num/1713210688a2204531.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信