想象一下以下问题：在点击特定页面上的任何图像时，我想要更改图像缩略图上当前扩展名的图标。动态创建缩略图不是问题，只是我想添加一些动画。基本上，我希望我点击的图像转换到绘制当前扩展图标的位置，逐渐变小。
所以主要的问题是：是否有可能纯粹在chrome扩展中实现这种类型的动画？换句话说，我可以定位DOM元素（或只是一个可视区域，无论如何）与地址栏相交。
我想，我也应该知道工具栏中当前扩展图标的确切位置，但这不太重要。
那么，它甚至可能吗？
答案 0 :(得分：1)
不可能在多功能框上放置任意内容。
最接近的是页面操作的动画（位于多功能框内）。您可以直接从<canvas>元素传递数据，以获得最佳性能。请参阅chrome.pageAction.setIcon。
请注意，您只能使用browser action或page action，而不是两者都使用，因此如果您已使用浏览器操作徽章，请废弃此解决方案。
另一个解决方案是使用history.replaceState直观地更改当前页面的URL（域不能更改，但路径可以）。这必须从内容脚本完成。这允许您通过更改字符来“动画化”整个多功能框。我建议不要使用这种方法，因为它滥用了这个功能。