试图用Greasemonkey为抽搐通道添加背景
Trying to add a background to a twitch channel with Greasemonkey
Twitch.tv曾为用户提供上传频道背景的功能,但早就取消了这一功能。我一直试图把它添加回来,但没有成功。
这就是我在这里工作的内容,来自twitch:
注意:ember###和databindattr-###="###"经常更改,所以我没有费心标记它们。
<div id="ember841" class="ember-view" data-channel="jimieo">
<div class="content" data-bindattr-857="857">
<div id="channel">
<script id="metamorph-26-start" type="text/x-placeholder"></script>
<script id="metamorph-26-end" type="text/x-placeholder"></script>
<script id="metamorph-27-start" type="text/x-placeholder"></script>
<script id="metamorph-28-start" type="text/x-placeholder"></script>
<div id="ember872" class="ember-view"></div>
<script id="metamorph-28-end" type="text/x-placeholder"></script>
<script id="metamorph-27-end" type="text/x-placeholder"></script>
<div class="player-column host-frame js-host-frame" data-bindattr-874="874"></div>
</div>
</div>
</div>
我试图使用以下方法使其发挥作用:
$(document).ready(function(){
$("#data-channel=jimieo > div#channel").prepend("<canvas height="1080" width="1920" image="i.imgur.com/5su8sTX.jpg"></canvas>");
});
我的最终目标是。。。
<div id="ember841" class="ember-view" data-channel="jimieo">
<div class="content" data-bindattr-857="857">
<div id="channel">
<canvas height="1080" width="1920" image="i.imgur.com/5su8sTX.jpg"></canvas>
<script id="metamorph-26-start" type="text/x-placeholder"></script>
<script id="metamorph-26-end" type="text/x-placeholder"></script>
<script id="metamorph-27-start" type="text/x-placeholder"></script>
<script id="metamorph-28-start" type="text/x-placeholder"></script>
<div id="ember872" class="ember-view"></div>
<script id="metamorph-28-end" type="text/x-placeholder"></script>
<script id="metamorph-27-end" type="text/x-placeholder"></script>
<div class="player-column host-frame js-host-frame" data-bindattr-874="874"></div>
</div>
</div>
</div>
不确定这是否是最好的方法,但只是通过浏览器控制台测试了它的工作原理。
$(document).ready(function(){
$("<style type='text/css'> .js-directory, tse-content { background: #000000 url('http://i.imgur.com/5su8sTX.jpg') no-repeat fixed center !important; } </style>").appendTo("head");
});
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在映射数组中添加换行符
- 正在将数据主题添加到所有项目
- ZeroClipboard-在复制之前添加到值
- 我可以在json对象中添加一个函数吗
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何添加浮动和非浮动,其他
- 添加文字和评论功能更新Div
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 在函数中添加数组元素的数值
- 如何将歌曲添加到jPlayer
- 在html Select中添加搜索
- Java脚本时间添加
- FabricJs-限制主对象内添加对象的移动区域
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- GoogleCalendarJavaScriptapi,将用户添加到带有“;写“;通道
- 添加Alpha通道的背景颜色使用jQuery / JavaScript
- 试图用Greasemonkey为抽搐通道添加背景