NRD Studio高级教程(9):元素查询

NRD Studio编辑器主界面由菜单栏、工具栏、侧边栏、图谱区、状态栏和辅助条组成,其中图谱区由Canvas绘制,而其他区域全部由原生DOM构建。如此,NRD Studio元素查询也可分为两类。

DOM构建的部分,可以直接用浏览器自带的查询功能(例Windows Chrome:CTRL + F)定位元素,包括一些滑动偏移的内容。需要注意的是编辑器中的列表模块,大多数子项无上限的列表已经采用虚拟列表技术进行处理,不在可视范围内的元素可能无法直接用浏览器自带查询功能获取,推荐使用列表附近提供的查询功能,比如侧边栏节点列表便是虚拟列表,可以使用列表上方小工具栏中的查询功能。

而图谱区的元素则必须借助编辑器提供的查询功能才能定位目标,如查询节点,使用工具栏的,高亮节点。