原创力文档- 1、本文档共2页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
我是怎么发现并解决项目页面渲染效率问题的（IE调试工具
探查器的使用）
我是怎么发现并解决项目页面渲染效率问题的（IE调试
工具探查器的使用）
我是怎么发现并解决项目页面渲染效率问题的（IE调试工具
探查器的使用）
之前的项目中，有很多的登记页面，一般都有100-200甚至
更加多的字段，而且还涉及到字典、日期及其他效果的显示，
载入时很慢，而且会有卡死的现象，IE下特别明显
当时找了不少资料，不过最后还是把目光聚焦IE自带的调
试工具了
目前我电脑里面的是IE10，当时分析时用的是IE9，里面有
一页探查器引起了我的注意，经过一轮的折腾，掌握了其分
析方法如下：
打开要分析的页面，F12进入开发人员工具，并切换到探查
器页面在点击开始采样后进行一系列的操作（由于我的问题
是载入页面的效率，自然是刷新页面），结束后再次点击该
按钮则会有结果，把视图切换成调用树，则最耗时的函数调
用就会一目了然
用这个方法分析了一下示范页面，对于结果层层展开（抽
丝剥茧）后，终于发现罪魁祸首了：
原来是easyui的下拉框、日期框及布局组件最耗时。知道问
题所在，就可以针对地解决了。
于是经过一翻的调整，重新定义了页面和HTML结构，使得
效率有了大的提升
调整后的页面
调整过程中的细节稍后再整理发博
文档评论（0）