【问题讨论】：
selenium 与此问题有何关联？
标签： javascript selenium canvas web-inspector zebra
Zebkit UI 组件在 HTML5 Canvas 上呈现。所以它们不是浏览器 DOM 树的一部分，这对于期望 DOM 作为输入的测试工具来说可能是个问题。但这并不意味着你不能通过 zebkit UI 的东西来执行测试用例。
首先要记住zebkit 组件是像DOM 一样的层次结构/树。 每个呈现在画布上的zebkit UI 组件都有一个相关的相应类的JS 实例。您可以使用多种 API 方法来遍历 UI 组件树。这些方法需要路径（类似 XPath），因为路径（从我的角度来看）比 CSS 选择器的“加密”方式更少。
你可能需要的 API 方法：
byPath(path [,callback]) - 通过给定路径遍历 UI 组件树
var zcanvas = new zebkit.ui.zCanvas();
...
// travel over all UI components in tree
zcanvas.byPath("//*", function(comp) {
// perform test cases here
...
});
properties([path,] properties)将指定的属性集应用到给定路径请求的组件或组件数
var zcanvas = new zebkit.ui.zCanvas();
...
// set color property to black value for all labels
zcanvas.properties("//zebkit.ui.Label", { color: "black" });
on([eventName], [path], handler)为给定组件的给定事件（或所有事件）添加侦听器方法或使用路径标识的组件： p>
var zcanvas = new zebkit.ui.zCanvas();
...
// register event listener for all found buttons
zcanvas.on("//zebkit.ui.Button", function (src) {
// handle button press event here
...
});
fire([eventName,] [path,] [argument]) 将给定事件触发到给定组件或由路径标识的组件：
var zcanvas = new zebkit.ui.zCanvas();
...
// fire button pressed event to button with id equals "testButton"
zcanvas.fire("//[@id='testButton']");
...
// or the same with a shortcut
zcanvas.fire("#testButton");
【讨论】：
我不确定我是否正确理解了您的问题，但假设您无法单击 canvas 上的右键打开上下文菜单并选择“检查元素”选项。
你可以
F12
CTRL + F) 打印 "canvas"/"<canvas" 并按 Enter
Enter，直到找到需要的canvas（当前元素应突出显示）【讨论】：
input 的元素，例如"rgb(185,188,192)"？
Actions()，但你应该注意，目前它不适用于Firefox。您也可能会发现这很有用qxf2.com/blog/selenium-html5-canvas-verify-what-was-drawn
这些控件是使用 HTML5 CANVAS 标记实现的。 Selenium 看不到这个标签的“内部”，因为它不包含 HTML。它就像页面内的应用程序。从您链接的页面看来，您应该能够使用 JS 访问控件内的元素。过去，当我使用CANVAS 标签完成操作时，我通常会找到执行或返回我想要的内容的 JS，然后将该代码包装在我可以调用的函数中。它会起作用，但您可能需要对 Zebkit 进行一些研究，以找出您需要验证的 JS 等等。您想要验证的所有不同的东西......最终您可能不会能够验证一些东西。
【讨论】：