Egret Inspector是一款Chrome开发者工具插件,它能够穿透Canvas,用鼠标直接定位显示对象,高亮显示对象的边界、坐标。
Egret Inspector是一款Chrome开发者工具插件,它能够穿透Canvas,用鼠标直接定位显示对象,高亮显示对象的边界、坐标。显示列表面板中会显示当前选中对象在显示列表树种的层级,一目了然,UI调试效率显著提升。属性面板会显示当前选中对象的所有属性值,调试更加方便,你还可以直接修改属性,实时查看修改后的效果。
使用说明:
1、解压缩
2、Chrome,转到Chrome扩展工具页 (可以直接输入chrome://extensions/ 打开)
3、将压缩包内的crx文件拖动到Chrome的扩展工具窗口中
4、待工具自动安装完成重启
浏览器
5、打开需要测试的页面,点击面板上的Egret按钮打开Egret Inspector就可以进行测试和编辑了
更新日志:
--v2.5.5--
更改了插件的安装方式,chrome 63版本以后要使用扩展中的开发者模式安装