从Chrome扩展程序

时间:2017-03-30 21:07:01

标签: javascript html google-chrome

我是javascript的初学者。 我不明白如何使用chrome.windows.get

我想做的是:

  1. 抓住当前标签的标题

  2. 使用chrome.windows.get或任何可行的方法。

  3. 单击按钮(showbtn)时

  4. 将此标题存储到div:showurl
  5. popup.js后跟popup.html

    
    
    function output2() {
    //internal variable el
    el1 = document.getElementById('showurl');
    chrome.windows.get(integer windowId, object getInfo, function callback)
    }
    document.getElementById('showbtn').addEventListener('click', output2);
    
    <!DOCTYPE html>
    <html>
      <head>
        <title>Popup</title>
        <link href="popup.css" rel="stylesheet">
        <script src="popup.js"></script>
      </head>
      <body>
        <h1>show url</h1>
        <div role="main">
          <form>
    	<div id="showurl"></div>
            <button id="showbtn">Show Url title!</button>
          </form>
        </div>
      </body>
    </html>
    &#13;
    &#13;
    &#13;

2 个答案:

答案 0 :(得分:1)

解决, 通过使用getSelected方法实现:

chrome.tabs.getSelected(null,function(tab) { // null defaults to current window
  var title = tab.title;

  el1 = document.getElementById('showurl');
  el1.innerHTML = title;
 });

答案 1 :(得分:0)

crtl + shift + i打开开发工具。转到控制台,然后输入document.title