Chrome拡張角2/4

Question

Angular 4を使用してGoogle ChromeのChrome拡張機能を作成しようとしています。ブラウザのアイコン（クリックイベント）をクリックしているページのURLとタイトルが必要です。これまでのところ、私は次のことをしました

私はeventPageを作成しました。私はextensionのアイコンをクリックすると呼び出されています。コード=>

if (typeof chrome.browserAction !== 'undefined') { 
    chrome.browserAction.onClicked.addListener(function(tab) { 
     listService.getBookmarks().then(bookmarkLists => { 
      bookmarkLists = bookmarkLists; 
      getSelectedTab(bookmarkLists); 
     }); 
    }); 
} else { 
    console.log('EventPage initialized'); 
} 

function getSelectedTab(bookmarkLists) { 
    chrome.tabs.getSelected(null, function(tab) { 
     let newBookmark: Object = { 
      name: tab.title, 
      url: tab.url 
     }; 
     bookmarkLists.push(newBookmark); 
     listService.setBookmarks(bookmarkLists); 
    }); 
} 

listService.getBookmarks => listServiceは既にキー値ペアとして、いくつかのデータを有する方法構築にはgetBookmarksを有しています。

誰かが私がトリガーしているページのURLとタイトルを取得する方法を教えてください。

推奨編集 manifest.jsonを

{ 
    "manifest_version": 2, 

    "name": "Extension", 
    "description": "This extension ...", 
    "version": "1.0", 
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", 

    "browser_action": { 
    "default_popup": "index.html" 
    }, 
    "permissions": [ 
    "storage", 
    "tabs", 
    "activeTab", 
    "http://*/*", 
    "https://*/*" 
    ], 

    "background": { 
    "page": "index.html", 
    "persistent": false 
    }, 

    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" 
} 

Answer 1

これは私が拡張子にURLとタイトルを得た方法

ある

var that = this; 
chrome.tabs.query({ 
    currentWindow: true, 
    active: true 
}, function(tabs) { 
    console.log(tabs[0]); 
    if (tabs.length > 0) { 
    if (tabs[0].url !== undefined && tabs[0].url !== null && tabs[0].url !== '') { 
     that.tabId = tabs[0].id; 
     that.tabURL = tabs[0].url; 
     that.tabTitle = tabs[0].title; 
     that.favIconUrl = tabs[0].favIconUrl; 
    } 
    } 
}); 

コンポーネント

///<reference path="../../../node_modules/@types/chrome/index.d.ts" /> 

の上にこのファイルを含めます