Question

您好，感谢您阅读我的问题。我会警告你，对你们大多数人来说可能看起来很无聊，但是我无法让它发挥作用。

关于我尝试为我的音频流编写的Chrome扩展程序。这就是我要做的事情：

一个小图标，点击一次后开始播放音乐，再次点击时停止播放，依此类推...

以下是我尝试的内容：

<!doctype html>

<html>
<head>
</head>
<body>
<script src="popup.js"></script>
<div id="music"></div>
</body>
</html>

和popup.js

var well=0
//Executed when the extension's icon is clicked
chrome.browserAction.onClicked.addListener(function(tab) 
{ 
    if(well>0)
    {
        var well=0;
        document.getElementById('music').innerHTML= '<iframe src="#" width="100" height="100"></iframe>';
    }
    else
    {
        var well=1;
        document.getElementById('music').innerHTML= '<iframe src="http://electro.piratefm.ro/popup.html" width="100" height="100"></iframe>';
    }
});

发生的事情是，加载扩展程序时，不会播放任何音乐。当你点击它，它开始播放，一切都很好。再次单击它时，它会停止几秒钟，然后再次开始播放。我需要它停止，直到你再次点击它。

感谢您的阅读，如果已经被问到或者是否感到愚蠢，请对不起。

Answer 1

我修好了，我的js技能很可怕所以这是一个愚蠢的错误，这是固定版本：

var well=0
//Executed when the extension's icon is clicked
chrome.browserAction.onClicked.addListener(function(tab) 
{ 
    if(well==1)
    {
        well=0;
        document.getElementById('music').innerHTML= '<iframe src="#" width="100" height="100"></iframe>';
    }
    else
    {
        well=1;
        document.getElementById('music').innerHTML= '<iframe src="http://electro.piratefm.ro/popup.html" width="100" height="100"></iframe>';
    }
});

更改html内容onclick chrome扩展

1 个答案: