javascript - chrome.devtools 扩展面板图标看起来不正确

标签 javascript google-chrome google-chrome-extension google-chrome-devtools

在 chrome.devtools api 中从 png 渲染偏移设置开发工具面板图标,并在我单击它时移动。单击时其他股票图标变暗 - 我认为这是一个动画,我不确定为什么或如何尝试为我的 png 设置动画。

我如何制作一个看起来像开发工具面板图标的图像?

最佳答案

使用另一个 DevTools 实例检查按钮图像(所有图像都存储在 chrome-devtools://devtools/Images/toolbarIcons.png 中)。在 toolbarIcons.png 中,正常和沮丧(变暗)的图像版本按列排列,因此您应该对面板图标图像执行相同的操作。

关于javascript - chrome.devtools 扩展面板图标看起来不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10558265/

相关文章:

css - IE 和 Chrome : css custom outline issue

css - 无法在 Chrome 扩展页面中设置按钮样式

javascript - 缩进、 pretty-print 代码,包括 Django 模板标签、HTML、CSS 和 JavaScript

javascript - SELECT with 2 optgroups build with KnockOut 将值重置为空

node.js - Selenium 使用 Chromium 而不是 google-chrome

Chrome 和 Safari 中列表元素的 CSS 问题(Firefox 或 IE 中没有问题)

javascript - 是否可以在 OctoberCMS 的 If 语句中使用 URL 参数?

javascript - 如何将 JavaScript 响应添加到多个 forearch 结果

javascript - Chrome 扩展程序,用于通过在匹配链接旁边添加图标来操作网页

javascript - Chrome 扩展中的语义 UI : issue when displaying in an iFrame