是否有可能访问一个(聚合物) web组件的依赖项(也是一个组件),它唯一做的就是加载一个js脚本,并用另一个(在我的例子中是较新版本的)脚本覆盖它?
具体问题:我使用了各种聚合物元素(例如paper-dialog ),它们使用neon-animation,它们的不同动画都导入了加载我想要覆盖的脚本的web-animations HTML。
换句话说,我想执行一些类似于/deep/
组合器做的事情,让CSS穿透到这个特定的HTML中,并添加一个较新版本的web-animations-next-lite.min.js
脚本。
至于原因:我们的想法是使用Chrome扩展来实现这一点,因为远程更新不是一个选项(互联网连接限制)。我需要这样做,因为使用Chrome v54,我们的应用程序“崩溃”(因为我们使用的是较旧的网页动画版本),修复了WebAnimations应用程序接口,因此these errors破坏了动画,并使用了该功能(弹出窗口不出现)。
我已经尝试过用Chrome扩展的内容脚本在我的HTML主体中注入新版本的脚本,但是没有成功。
提前感谢您的任何想法!
发布于 2016-10-24 10:24:30
我知道这有点花里胡哨,但是你就不能把你自己版本的网页动画脚本放在bower_components里吗?试图在适当的位置改变聚合物元素的问题是,在您可以访问它之前,它已经加载了脚本。
发布于 2016-10-24 10:31:08
监听关于HTML导入<link>
的load
事件,然后添加一个具有正确src
属性的<script>
元素。
这是最后下载(和解析)的脚本,将被考虑在内。
<script>
function loaded() {
//file.html loaded
document.write( '<script src="new-file.js"></script>' )
}
</script>
<link rel=import href="file.html" onload="loaded()">
https://stackoverflow.com/questions/40214324
复制相似问题