Fatal编程技术网
  • javascript/
  • Javascript 如何让chrome扩展随机启动？

Javascript 如何让chrome扩展随机启动？

javascript google-chrome google-chrome-extension

Javascript 如何让chrome扩展随机启动？,javascript,google-chrome,google-chrome-extension,google-chrome-app,Javascript,Google Chrome,Google Chrome Extension,Google Chrome App,我做了一个chrome扩展。这很简单。有一系列的赞美，当有人点击分机并打印出来时，我会随机抽出一个赞美。我还使用chromes tts（文本到语音）大声说出赞美的话。这很简单，但是 我希望它能在没有人点击chrome扩展的情况下随机给你一个赞美。这可能吗？我做了一些研究，但没有成功。这是我的密码： popup.js： $(document).ready(function() { var compliments = ['You are awesome.', 'Looking good.'];

我做了一个chrome扩展。这很简单。有一系列的赞美，当有人点击分机并打印出来时，我会随机抽出一个赞美。我还使用chromes tts（文本到语音）大声说出赞美的话。这很简单，但是

我希望它能在没有人点击chrome扩展的情况下随机给你一个赞美。这可能吗？我做了一些研究，但没有成功。这是我的密码：

popup.js：

$(document).ready(function() {
  var compliments = ['You are awesome.', 'Looking good.'];

  var randomCompliment = Math.floor(Math.random()*compliments.length);

  $('#compliment').append('<li>' + compliments[randomCompliment] + '</li>');

  chrome.tts.speak(compliments[randomCompliment])
});
popup.html：

<!doctype html>
<html>
<head>
  <script src="jquery.js"></script>
  <script src="popup.js"></script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="popup">
    <div id="highlight"></div>
    <ul id="compliment"></ul>
  </div>
</body>
</html>
目前还没有办法以编程方式打开Chrome扩展弹出窗口。但是您可以使用桌面通知来显示通知，在beta Chrome版本中，有丰富的通知。您可以使用背景脚本随机设置超时，当超时时，您可以让它创建通知并播放声音

参考链接：

如果您需要任何帮助，请随时在skype上添加我：zachripperAwesome非常感谢Zachrip。我可能很快会联系你@Zachrip我使用mac电脑，我的朋友也一样，所以据我所知，富通知在mac电脑上不起作用？只有windows和chromeOS？我将不得不使用Chrome桌面通知和背景页面，对吗？我认为丰富的通知是一样的。我不太确定。您应该能够显示某种通知。 
<!doctype html>
<html>
<head>
  <script src="jquery.js"></script>
  <script src="popup.js"></script>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="popup">
    <div id="highlight"></div>
    <ul id="compliment"></ul>
  </div>
</body>
</html>

body { 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
}

.popup {
  width: 300px;
  font: 14px helvetica-neue, helvetica, sans-serif;
  color: #666;
  position: relative;
  text-align: center;
}

#hightlight {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.popup li { 
  padding: 3px 0;
}